@charset "UTF-8";
@media screen and (min-width: 1080px) {

  .pcOnly,
  .spHide,
  section.loaded.pcOnly,
  footer.loaded.pcOnly,
  #menuWrap>ul li.noBorder.pcOnly,
  .controllScrollButtonPrev.pcOnly,
  #topfloatingSns.pcOnly {
    display: block;
  }

  .spOnly,
  .pcHide,
  section.pcOnly,
  footer.pcOnly,
  section.loaded.spOnly,
  footer.loaded.spOnly,
  .controllScrollButtonPrev.spOnly,
  body #topfloatingSns.spOnly {
    display: none;
  }

  /* header */
  header {
    height: 6.25vw;
  }

  header section,
  header section.loaded {
    width: 100vw;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 122;
    background: #fff;
    height: 6.25vw;
    padding: 0;
    justify-content: space-between;
  }


  header h1 img {
    width: 6.28vw;
  }

  header h2 {
    font-size: 0.94vw;
    line-height: 1.2vw;
    margin-right: 2.55vw;
  }

  /* header a {
    pointer-events: none;
  } */


  header h1 {
    margin: 25.5vh auto 0 0;
    width: 6.28vw;
    margin: 0 2.55vw 0 0;
    padding: 0;
  }

  header h1 img,
  h1 img {
    width: 100%;
    height: auto;
  }

  #headerLink {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: .92vw 2.4vw;
    background: #FFF;
  }

  #headerLink li,
  .dropDownMenu li {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .95vw;
    font-weight: 600;
    cursor: pointer;
  }

  #headerLink li.menuOpen,
  #headerLink>li>a,
  .dropDownMenu li a p {
    position: relative;
  }

  #headerLink li.menuOpen::before,
  #headerLink>li>a::before,
  .dropDownMenu li a p::before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 1px;
    transition: all .4s;
    background-color: #000;
    bottom: 0;
    left: 0;
  }

  .dropDownMenu li a p::before {
    bottom: -2px;
    background-color: #FFF;
  }

  #headerLink li.menuOpen:hover::before,
  #headerLink li.menuOpen.active::before,
  #headerLink>li a.menuOpen:hover::before {
    width: 100%;
  }

  #headerLink>li a:hover::before,
  .dropDownMenu li a p:hover::before {
    width: 100%;
  }

  #headerLink li a,
  .dropDownMenu a p {
    font-size: .95vw;
    font-weight: 600;
    line-height: 1.04vw;
    white-space: nowrap;
  }
  .dropDownMenu a p {
    font-size: .835vw;
  }

  #headerLink .menuOpen::after {
    content: "";
    background-image: url(/2026/top/assets/img/common/arrow.svg);
    background-repeat: no-repeat;
    display: block;
    background-position: center;
    width: .6vw;
    height: .8vw;
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    right: -1vw;
  }

  header .header {
    width: 100%;
    background: #FFF;
    padding: 0 5.21vw;
    height: 100%;
    position: relative;
    z-index: 2;
  }

  header .header>div {
    width: 80.73vw;
    height: 3.6vw;
    padding-top: .5vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
  }

  .navWrap {
    display: none;
  }

  header .dropDownMenu {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: flex-start;
    flex-direction: row;
    position: absolute;
    top: 6.25vw;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 18.23vw;
    background-color: #414141;
    color: #fff;
    padding: 4.17vw 0 7.4vw 14.01vw;
    transform: translateY(-100%);
    transition: all .3s;
  }

  header .dropDownMenu.active {
    transform: translateY(0);
  }

  header .dropDownMenu h3 {
    font-size: 1.56vw;
    line-height: 2.08vw;
    width: 15.45vw;
  }

  header .dropDownMenu ul {
    /* width: 50vw; */
    width: 55.68vw;
    display: flex;
    flex-wrap: wrap;
    gap: 1.4vw 0;
    margin-top: .3rem;
  }

  header .dropDownMenu ul li {
    justify-content: left;
    align-items: center;
    min-height: 1.15vw;
    width: 14.18vw;
    position: relative;
  }

  header .dropDownMenu ul li.new::after {
    content: "";
    position: absolute;
    display: block;
    width: 1.72vw;
    height: 1.93vw;
    top: -.4vw;
    left: -2.5vw;
    padding: 0 1.72vw 0 0;
    background-image: url(/2026/top/assets/img/top/iconEventNew.svg);
    background-repeat: no-repeat;
    background-size: cover;
  }


  header .dropDownMenu ul li a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  header .dropDownMenu ul li a img {
    height: 0.56vw;
  }

  header .dropDownMenu#topixSchedule ul,
  header .dropDownMenu#year2025 ul {
    width: 10.94vw;
    height: 3.7vw;
  }

  header .dropDownMenu#menuEvent ul {
    justify-content: space-between;
  }

  header .dropDownMenu#mapandInfo ul {
    width: 34.13vw;
    justify-content: space-between;
  }

  header .dropDownMenu#mapandInfo ul li {
    width: 14.18vw;
  }

  header .dropDownMenu#enjoyBikers ul,
  .dropDownMenu#competitionInfo ul {
    width: 34.13vw;
    justify-content: space-between;
  }

  .dropDownMenu#enjoyBikers ul li,
  .dropDownMenu#competitionInfo ul li {
    width: 14.18vw;
  }

  /* バツボタン */
  .pcmenuCloseBtn {
    position: relative;
    width: 2vw;
    height: 2vw;
    right: 0;
    bottom: -1vw;
    padding: 0;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    z-index: 6;
    opacity: 1;
    cursor: pointer;
    transition: transform .2s;
    margin-left: 5.78vw;
  }


  .pcmenuCloseBtn i,
  .pcmenuCloseBtn b {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #fff;
    display: inline-block;
    transform: rotate(0);
    transition: all .4s;
  }

  .pcmenuCloseBtn b {
    top: 0;
    transform: rotate(-45deg);
  }

  .pcmenuCloseBtn i {
    left: 0;
    transform: rotate(45deg);
  }





  #headerLink #event li:first-of-type,
  #headerLink #event li:nth-of-type(4),
  #headerLink #event li:nth-of-type(7) {
    width: 14.58vw;
  }

  #headerLink #info ul {
    width: 32.03vw;
  }

  #headerLink #info ul li:nth-of-type(odd) {
    width: 13.28vw;
  }

  /* header */


  /* main{
  margin-top: 6.25vw;
} */

  /* メニュー */
  header.menuActive section nav.fixed {
    right: 4.3vw;
    top: 2.1vw;
    height: 4vw;
  }

  header.menuActive section nav i,
  header.menuActive section nav b {
    top: 2vw;
  }

  header.menuActive section nav i,
  header.menuActive section nav b {
    width: 2vw;
  }

  header.menuActive nav {
    padding: 0;
    display: none;
  }

  #menuWrap {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    padding: 10.5vw 24vw 7.66vw 8.39vw;
    height: auto;
    width: 100%;
    background: linear-gradient(to bottom, #1C231C, #000);
  }

  #menuWrap ul#menuImgOver {
    width: 44.27vw;
  }

  #menuWrap ul#menuTextWrap {
    width: 17.45vw;
    margin-top: 0;
    margin-left: auto;
    margin-right: 0;
  }

  #menuWrap>ul {
    display: flex;
    width: 84vw;
    margin: 0;
    flex-flow: column;
    justify-content: flex-start;
  }

  #menuWrap>ul>li {
    width: 17.45vw;
    margin: 0;
    align-items: flex-start;
    font-size: .94vw;
    padding: 1vw 1.25vw 0 .5vw;
    font-weight: 400;
  }

  #menuWrap>ul>li {
    width: 17.45vw;
    margin: 0;
    align-items: flex-start;
    font-size: .94vw;
    padding: 1vw 1.25vw 0 .5vw;
  }

  #menuWrap>ul li.noBorder {
    width: 100%;
  }

  #menuWrap .menuImgWrap {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: space-between;
    height: 41.67vw;
    width: 43.75vw;
  }

  #menuWrap .menuImgWrap:last-child {
    margin: 0 0 0;
  }

  #menuWrap>ul ul li {
    width: 17.5vw;
    border-bottom: none;
    margin: 0 2vw 0 0;
    font-size: .94vw;
    padding: 0;
  }

  #menuWrap>ul li::after,
  #menuWrap>ul>li::after {
    width: 2.75vw;
    height: 1.75vw;
    background-size: .5vw;
    background-position: 1.5vw 1vw;
    right: 1vw;
  }

  #menuWrap>ul>li a {
    width: 100%;
    transition: all .2s;
    height: auto;
    margin: initial;
  }

  #menuTextWrap>ul li>a:active {
    width: calc(100% - 1vw);
    padding-left: 1vw;
  }

  #menuWrap .menuImgWrap li .menuImgTxt {
    justify-content: flex-start;
    align-items: flex-start;
    padding: .7vw 0 0 1.7vw;
  }

  #menuWrap .menuImgWrap .SideMenuApp_pc .menuImgTxt {
    padding: 1vw 0 0 1.9vw;
    line-height: 1.2vw;
  }

  #menuWrap>ul>li>ul .SideMenuApp_pc a {
    justify-content: space-between;
  }

  #menuWrap .menuImgWrap.photo .SideMenuApp_pc .menuImgTxt b {
    text-align: left;
    font-size: 1vw;
    line-height: 1.3vw;
    margin-bottom: .8vw;
  }

  #menuWrap .menuImgWrap.photo .SideMenuApp_pc .menuImgTxt h4 {
    font-size: 0.68vw;
    line-height: 1.04vw;
    width: 9.17vw;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0;
  }

  #menuWrap .menuImgWrap.photo .SideMenuApp_pc .menuImgTxt div {
    margin-top: .4vw;
  }

  #menuWrap .menuImgWrap.photo div.SideMenuApp_pc div img {
    height: 2.12vw;
    width: auto;
  }

  #menuWrap .menuImgWrap li.bigClickWrap .menuImgTxt {
    justify-content: center;
    align-items: center;
    padding: 0;
  }

  #menuWrap .menuImgWrap li {
    width: 20.83vw;
    margin: 0;
  }

  #menuWrap .menuImgWrap li::before {
    bottom: 1vw;
    right: initial;
    left: 1vw;
    width: .75vw;
    height: .75vw;
  }

  .menuColumnOrganize {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-flow: column;
  }

  #menuWrap .menuImgWrap li.bigClickWrap::before {
    content: "CLICK";
    font-size: 1vw;
    bottom: .5vw;
    right: initial;
    left: 42%;
    width: 2.75vw;
    height: .7vw;
    background-size: .75vw .75vw;
    background-position: right center;
    font-family: "Bebas Neue", "Oswald", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  }

  #menuWrap>ul>li.noBorder a {
    height: 100%;
    width: 100%;
  }


  #menuWrap>ul>li p {
    width: 100%;
  }

  #menuWrap>ul>li p span {
    right: .5vw;
  }

  #menuWrap>ul>li.jsAddRemoveActive.active {
    border-bottom: 1px solid #FFF;
  }

  #menuWrap>ul>li.jsAddRemoveActive p {
    margin: 0 0 1vw;
  }

  #menuWrap>ul>li.jsAddRemoveActive.beforeActive>ul,
  #menuWrap>ul>li.jsAddRemoveActive.beforeNonActive>ul {
    width: 100%;
  }

  #menuWrap>ul>li.jsAddRemoveActive.beforeNonActive>ul {
    height: 1px;
  }

  #menuWrap>ul>li.jsAddRemoveActive.active>ul {
    padding: 0 0vw 0 2.25vw;
    margin: 0 0 0 -2.75vw;
    width: 140%;
  }

  #menuWrap>ul>li.jsAddRemoveActive>ul li {
    padding: .75vw 1vw .75vw .5vw;

  }

  #menuWrap>ul>li.jsAddRemoveActive>ul li::after {
    background-position: .75vw 1vw;
  }

  #menuWrap>ul>li.jsAddRemoveActive.beforeActive>ul *,
  #menuWrap>ul>li.jsAddRemoveActive.beforeNonActive>ul * {
    height: 1vw;
    font-size: .94vw;
  }

  #menuWrap>ul>li.jsAddRemoveActive.beforeNonActive>ul * {
    font-size: .1vw;
  }

  #menuWrap>ul>li p b,
  #menuWrap>ul>li p i {
    width: .7vw;
    min-width: 11.25px;
  }


  #menuWrap .iconTtl {
    background-image: url(/2026/top/assets/img/common/arrowRightwhite.svg);
    font-family: "Oswald", "Bebas Neue", "Bebas", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    padding: 0;
    background-repeat: no-repeat;
    background-position: 34.5% 54%;
    background-size: 1vw;
    width: 100%;
    fill: #FFF;
    font-size: 2.25vw;
    margin-bottom: 2vw;
    text-align: left;
  }

  #menuWrap>ul#menuTextWrap>li {
    padding: .9vw 1.25vw 1vw .6vw;
    font-weight: 400;
    letter-spacing: .1vw;
    font-size: .89vw;
  }

  #menuWrap>ul#menuTextWrap>li.jsAddRemoveActive {
    padding: .9vw 1.25vw 0 .6vw;
  }

  #menuFooterWrap {
    position: relative;
    margin-top: 0;
    padding: 3vw 9.9vw 5.5vw 9.74vw;
    width: 100%;
    flex-flow: nowrap;
    justify-content: start;
    background: #FFF;
    align-items: flex-start;
  }

  #menuFooterWrap>a {
    order: 1;
    margin-right: 4.38vw;
  }

  #menuFooterWrap a {
    color: #000;
  }


  #menuFooterWrap .shimanoLogo {
    width: 10.03vw;
  }

  #menuFooterWrap .menuFooter {
    order: 2;
    flex-wrap: nowrap;
    margin: 0;
    align-items: center;
    width: 33.25vw;
  }

  #menuFooterWrap .menuFooter li {
    font-size: .73vw;
    margin: 0;
    font-weight: 400;
  }

  #menuFooterWrap #menuFooterSns {
    order: 3;
    margin: 0;
    display: flex;
    align-items: flex-end;
    margin-left: auto;
  }

  #menuFooterWrap #menuFooterSns>div {
    width: 9.25vw;
    margin-bottom: .2vw;
    padding: 0;
  }

  #menuFooterWrap #menuFooterSns img {
    width: 1.51vw;
  }

  #menuFooterWrap .copyright {
    font-size: .63vw;
    position: absolute;
    left: -65vw;
    top: 4.82vw;
  }

  nav #menuFooterWrap .copyright {
    left: 24vw;
    top: 4.82vw;
    color: #000;
  }

  /* メニュー */
  /* サイドメニュー */
  aside {
    position: fixed;
    bottom: 0;
    left: 4.25vw;
    z-index: 2;
  }

  aside.absolute {
    position: absolute;
  }

  aside>ul {
    margin-bottom: 5.6vw;
    max-height: 27vh;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 15.2vw;
    margin-bottom: 10vh;
  }

  aside li {
    /* margin-bottom: 1.1vw; */
    transition: all .4s;
  }

  aside li:hover {
    letter-spacing: .1vw;
  }

  aside a {
    color: #333;
    font-size: .83vw;
    font-weight: bold;
  }

  aside.absolute a {
    color: #FFF;
  }

  /* スクロール効果 */
  #scrollEffectOver {
    left: 48.9vw;
    cursor: pointer;
  }

  #scrollEffectWrap i {
    font-size: .84vw;
  }

  #scrollEffectWrap img {
    width: .75vw;
  }

  @keyframes scrollEffectAnime {

    0%,
    100% {
      margin: 0;
    }

    25% {
      margin: .5vw 0 .5vw;
    }

    50% {
      margin: 1vw 0 1vw;
    }

    70% {
      margin: .5vw 0 .5vw;
    }

    90% {
      margin: .25vw 0 .25vw;
    }
  }

  /* スクロール効果 */

  main .tab li,
  main .tab li.recommend {
    font-size: 1.56vw;
  }

  .tab li.recommend::before {
    width: 9vw;
    height: 9vw;
    top: -3vw;
    left: 15vw;
  }

  .grayPcOnly,
  section.grayPcOnly {
    background-color: rgba(95, 95, 95, 1);
    height: 17.74vw;
  }



  /* content */


  /* PCサイドのインスタ追従アイコン */
  .changeText {
    transition: all .3s;
  }

  .changeText:hover {
    font-size: 90%;
  }

  .forScrollWrap {
    /* writing-mode: tb; */
    height: 12.5vw;
    max-height: 23vh;
    width: 1.1vw;
    border-left: 1px solid #333;
    overflow: initial;
    margin: 3.5vw 0 0 .1vw;
    cursor: pointer;
  }

  aside.absolute .forScrollWrap {
    border-color: #FFF;
  }

  .forScrollWrap a {
    margin: -2.8vw .4vw 0 0;
    height: 10vw;
    display: inline-block;
    font-size: .78vw;
    font-size: .7vw;
    font-weight: 400;
    width: 2vw;
    cursor: pointer;
  }

  .forScrollWrap a b,
  .forScrollWrap a i {
    font-weight: 400;
    font-style: normal;
    font-family: "Oswald", "Bebas Neue", "Bebas", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  }

  .forScrollWrap a i {
    opacity: 0;
  }

  .forScrollWrap,
  .forScrollWrap a,
  .forScrollWrap a b,
  .forScrollWrap a i {
    transition: all .75s;
  }

  .forScrollWrap:hover {
    height: 10vw;
    margin: 2vw 0 4vw .1vw;
  }

  .forScrollWrap:hover a {
    margin-top: 8.25vw;
  }

  .forScrollWrap:hover a b {
    opacity: 0;
  }

  .forScrollWrap:hover a i {
    opacity: 1;
  }

  .forScrollWrap .instagramLogoLink,
  .instagramLogoLinkWrap .instagramLogoLink {
    margin-bottom: .6vw;
  }

  .instagramLogoLinkWrap {
    display: flex;
    flex-flow: column;
    width: 4vw;
  }

  .forScrollWrap .instagramLogoLink img,

  .instagramLogoLinkWrap .instagramLogoLink img {
    width: 1.3vw;
    height: auto;
  }

  /* .instagramLogoLinkWrap .instagramLogoLink{
  position: absolute;
  bottom: calc(10vw + 4.1vw);
  z-index: 6;
} */
  /* aside.absolute .instagramLogoLinkWrap .instagramLogoLink svg,
  aside.absolute .instagramLogoLinkWrap .instagramLogoLink svg * {
    fill: #FFF;
  } */

  /* .instagramLogoLinkWrap .instagramLogoLink svg,
  .instagramLogoLinkWrap .instagramLogoLink svg * {
    fill: #333;
  } */


  .swiper-next,
  .swiper-prev {
    width: 1.88vw;
    height: 1.88vw;
    fill: #FFF;
    border-radius: 2vw;
    background-color: #FFF;
    top: 6.2vw;
    background-position-x: 51%;
  }

  .swiper-next {
    right: -1vw;
  }

  .swiper-prev {
    left: -1vw;
  }

  /* エントリーボタン */
  .entryBtnWrap {
    width: 30.57vw;
    height: 2.5vw;
  }

  .entryBtnWrap a {
    padding-left: 1vw;
    letter-spacing: -.05vw;
    font-weight: bold;
    font-size: 1.2vw;
  }

  .entryBtnWrap img {
    margin-left: .7vw;
    width: 0.86vw;
  }

  /* 追従メニュー */
  body #floatingMenu {
    right: 0;
    left: initial;
    width: 3.75vw;
    height: 40.7vw;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background: none;
    border-top-left-radius: 10px;
    font-size: 0.78vw;
    writing-mode: vertical-rl;
  }

  #floatingMenuSns img {
    width: 1.27vw;
  }

  #floatingMenu #spBtmEntry {
    height: 11.46vw;
    width: auto;
    border-top-right-radius: 0;
    border-top-left-radius: 10px;
    padding: 0;
    background-color: #000;
  }

  #floatingMenu #spBtm1stBks {
    width: auto;
    height: 16.41vw;
    padding: 0;
    border-radius: 0;
  }

  #floatingMenu>li {
    position: relative;
    width: 7.81vw;
  }

  #floatingMenu>li a img {
    display: block;
  }

  .forTop {
    position: fixed;
    width: auto;
    margin: 0;
    bottom: 27.5vw;
    right: -0.4vw;
  }

  .forTop img {
    width: 2.19vw;
    height: auto;
    margin: 1.43vw 1.5vw 1.24vw 0;
    fill: rgba(0, 0, 0, 1);
  }

  #spBtmEntry a,
  #spBtm1stBks a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: end;
    padding-left: 1vw;
    letter-spacing: .1vw;
  }
  #spBtm1stBks img{
    margin: 0 0 .7vw .1vw;
  }


  #floatingMenu li a img {
    display: block;
    margin-bottom: .7vw;
  }

  #bottomLink {
    padding: 5.21vw 14.01vw;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    width: 100%;
    padding: 0;
    overflow: hidden;
  }

  #bottomLink ul#FootMenuTextWrap {
    height: 23.51vw;
  }

  #bottomLink ul#FootMenuTextWrapUnder {
    height: 11.09vw;
    margin: 1.21vw 0 3.5vw;
  }

  #bottomLink ul>li p {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 1.86vw;
    font-size: 1.2vw;
    pointer-events: none;
    /* margin: 1.8vw 0 0; */
  }

  #bottomLink ul>li:nth-of-type(6) p,
  #bottomLink ul>li:nth-of-type(8) p {
    margin-top: 0;
  }

  #bottomLink ul>li p a {
    height: 2.86vw;
    align-items: start;
  }

  #bottomLink ul>li p b,
  #bottomLink ul>li p i {
    display: none;

  }

  #bottomLink div {
    width: 100%;
  }


  #bottomLink div>ul {
    width: 100%;
    margin: 4.21vw 0 0;
    padding: 0 14.01vw;
    flex-direction: initial;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    height: 39.5vw;
    gap: 1.5vw 10vw;
  }

  #bottomLink ul li {
    position: relative;
    height: auto;
    color: #000;
    width: 16.48vw;
    font-size: 1.2vw;
    line-height: 1.46vw;
    font-weight: 600;
    display: block;
    padding: 0;
    transition: none;
  }

  /* #bottomLink div>ul>li:first-of-type,
  #bottomLink div>ul>li:nth-of-type(2),
  #bottomLink div>ul>li:last-of-type {
    height: 2.86vw;
    width: 18.04vw;
  } */

  /* #bottomLink div>ul>li:last-of-type {
    margin-top: 2.21vw;
  } */

  #bottomLink ul>li.jsAddRemoveActive {
    flex-flow: initial;
  }

  /* #bottomLink ul>li.jsAddRemoveActive:nth-of-type(5) {
    height: 22.5vw;
  }

  #bottomLink ul>li.jsAddRemoveActive:nth-of-type(7) {
    height: 20.4vw;
  } */

  #bottomLink ul>li.jsAddRemoveActive>ul,
  #bottomLink ul>li.jsAddRemoveActive.beforeActive>ul,
  #bottomLink ul>li.jsAddRemoveActive.beforeNonActive>ul {
    display: block;
    transition: none;
    margin: 0;
    opacity: 1;
    overflow: initial;
    width: auto;
  }

  #bottomLink ul li ul li::after {
    right: 0;
  }

  #bottomLink ul>li.jsAddRemoveActive>ul *,
  #bottomLink ul>li.jsAddRemoveActive.beforeActive>ul *,
  #bottomLink ul>li.jsAddRemoveActive.beforeNonActive>ul *,
  #bottomLink ul>li.jsAddRemoveActive.active>ul li:first-of-type {
    transition: none;
    border: none;
    opacity: 1;
    height: 2.1vw;
    font-size: .94vw;
    overflow: initial;
  }

  #bottomLink ul>li.jsAddRemoveActive.active>ul {
    width: inherit;
    padding: inherit;
    margin: inherit;
    background: #FFF;
    transition: none;
    padding-left: 1.56vw;
  }

  #bottomLink ul>li.jsAddRemoveActive.active>ul li a {
    width: inherit;
    height: inherit;
    padding: 0;
    border: none;
  }
  #bottomLink ul>li.jsAddRemoveActive.active>ul li a:active{
    padding-left: 1vw;
  }

  #bottomLink ul>li ul {
    padding-left: 1.56vw;
  }


  #bottomLink ul>li>a:active,
  #bottomLink ul li>a {
    display: flex;
    width: auto;
    height: 2.1vw;
    padding: 0;
    text-align: left;
  }

  #bottomLink ul>li>ul li a {
    height: auto;
    font-size: 0.94vw;
    line-height: 1.9vw;
    font-weight: 600;
  }

  #bottomLink ul li::after {
    position: absolute;
    width: 0.41vw;
    height: 0.65vw;
    right: .2vw;
    top: 29%;
  }

  #bottomLink ul li.new {
    background-color: transparent;
    /* padding-left: 2vw; */
  }

  #bottomLink ul li.new::before {
    position: absolute;
    width: 1.72vw;
    height: 1.93vw;
    top: 0;
    left: -2.3vw;
    margin-right: 1vw;
  }

  #bottomLink a {
    position: relative;
  }

  #bottomLink a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 15%;
    width: 0;
    height: 1px;
    background: #000;
    transition: all .3s;
  }

  #bottomLink a:hover::before {
    width: 95%;
  }

  /* footer */
  footer {
    margin: 0;
  }

  .footerBottom {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: start;
    margin-bottom: 15vw;
    margin-top: 5vw;
    width: 73.87vw;
    margin: 0 0 2.5vw 14.01vw;
    /* padding-top: 3.23vw; */
  }

  .footerBottom .logo {
    width: 10.03vw;
    margin: 0 0 0 0;
    order: 1;
  }

  .footerBottom .logo img {
    width: 100%;
  }

  .footerBottom .sns_icon,
  body.bikersStyle footer .sns_icon {
    width: 8.57vw;
    margin: 0;
    padding: 0;
    gap: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5vw;
  }

  footer .sns_icon #iconYt {
    width: 1.62vw;
  }

  .footerBottom ul {
    width: 90%;
  }

  .footerBottom .foot_menu {
    width: 31vw;
    order: 3;
    padding: 0;
    margin: 0 2vw 0 12.5vw;
    font-weight: 600;
    align-items: end;
    position: initial;
  }

  .footerBottom .foot_menu li {
    font-size: .7vw;
    padding-bottom: 0;
  }

  .snsCrWrap {
    order: 2;
    width: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    margin: 0;
    margin-left: 9vw;

  }

  .footerBottom .sns_icon img {
    width: 1.62vw;
    height: auto;
    max-height: 1.66vw;
    cursor: pointer;
    filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(28%) hue-rotate(111deg) brightness(101%) contrast(106%);
  }

  .footerBottom small {
    order: 4;
    margin-right: 2vw;
  }

  .copyright {
    font-size: .63vw;
    text-align: left;
    position: absolute;
    left: 60.8vw;
    top: 1.8vw;
    width: auto;
  }

  #floatingMenu {
    z-index: 5;
    display: flex;
    position: fixed;
    bottom: 0;
    right: 0;
    width: 35%;
    height: 4.28vw;
    background-color: #3D392B;
  }

  #floatingMenu>li a {
    display: inline-flex;
    justify-content: start;
    align-items: end;
    padding: 1vw 0 0 0.99vw;
    letter-spacing: .1vw;
  }

  #floatingMenu>li a img {
    display: block;
    margin-bottom: .4vw;
  }

  #floatingMenu>li a img {
    margin: 0 0 .2vw;
  }

  #floatingMenuSns {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0 1.56vw;
    padding: 0 .5vw 0 0;
    margin: 0;
  }



  /* #floatingMenuSns li:nth-of-type(2) img {
    width: 0.67vw;
  } */

  #floatingMenuSns li img {
    width: 1.27vw;
    height: auto;
    filter: brightness(0) saturate(100%) invert(0%) sepia(87%) saturate(7451%) hue-rotate(173deg) brightness(86%) contrast(93%);
  }

  /* #floatingMenuSns li img* {
    fill: #000;
  } */

  body .footerTopLinkWrap {
    display: flex;
    justify-content: center;
    height: 8.06vw;
    align-items: center;
    background-color: #EEF0F3;
    padding: 0 13.54vw 0 21.61vw;
  }

  footer ul {
    margin: 0;
  }

  .footerTopLink {
    margin: 0;
    width: 100%;
    /* border-bottom: 1px solid #000; */
    padding: 0 25vw 0 17.5vw;
    flex-direction: row-reverse;
  }

  .footerTopLink li {
    width: 9.85vw;
    padding-bottom: .5vw;
    font-size: .83vw;
    transition: all .4s;
  }

  .footerTopLink li::after {
    width: 2vw;
    height: 2vw;
    background-size: 1.25vw;
  }

  .footerTopLink li:hover {
    letter-spacing: .04vw;
  }
}