@charset "UTF-8";

#feature-brand-randonnee {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  height: 100%;
  color: #231816;
  min-width: 1024px;
  overflow-x: hidden;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

@media only screen and (max-width: 767px) {
  #feature-brand-randonnee {
    width: 100%;
    min-width: 320px;
    max-height: 999999px;
    font-size: 16px;
    font-size: 3.86473vw;
  }
}

#feature-brand-randonnee a {
  color: #222222;
  text-decoration: none;
  /*transition: all 0.5s ease 0s;*/
}

#feature-brand-randonnee h2,
#feature-brand-randonnee h3,
#feature-brand-randonnee h4 {
  margin: 0;
  padding: 0;
  line-height: 1;
}

#feature-brand-randonnee figure {
  margin: 0;
}

#feature-brand-randonnee img {
  max-width: 100%;
}

@media only screen and (min-width: 768px) {
  #feature-brand-randonnee .SP {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  #feature-brand-randonnee .PC {
    display: none !important;
  }
}

/*************************************************************
/ 汎用
/************************************************************/
#feature-brand-randonnee .inner-wrap {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .inner-wrap {
    width: 100%;
  }
}

#feature-brand-randonnee .c-pink {
  color: #D42D43;
}

#feature-brand-randonnee .icn-link a,
#feature-brand-randonnee .icn-link a.hv-o {
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #D42D43;
  font-weight: 900;
}

#feature-brand-randonnee .icn-link a .icn,
#feature-brand-randonnee .icn-link a.hv-o .icn {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  display: block;
  background-image: url("/img/brand/randonnee/icn_pink-arrow@2x.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 768px) {

  #feature-brand-randonnee .icn-link a .icn,
  #feature-brand-randonnee .icn-link a.hv-o .icn {
    width: 3.86473vw;
    height: 3.86473vw;
    margin-right: 1.20773vw;
  }
}

#feature-brand-randonnee a.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-width: 400px;
  height: 60px;
  position: relative;
  background: #469561;
  border: 2px solid #469561;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 0 45px 0 25px;
  color: #fff !important;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  transition-duration: 0.3s;
}

#feature-brand-randonnee a.btn:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -6px;
}

#feature-brand-randonnee a.btn:hover {
  background: #fff;
  color: #469561 !important;
  text-decoration: none !important;
}

#feature-brand-randonnee a.btn:hover:before {
  border-top: 2px solid #469561;
  border-right: 2px solid #469561;
}

#feature-brand-randonnee .btn-block {
  position: relative;
  width: 100%;
  margin: 30px auto 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 30px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee a.btn {
    min-width: 350px;
    font-size: 14px;
  }

  #feature-brand-randonnee .btn-block {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 20px;
  }
}


/*************************************************************
/ header
/************************************************************/
#feature-brand-randonnee .g-header {
  height: 100px;
  position: relative;
  z-index: 150;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .g-header {
    width: 100%;
    height: 17.8744vw;
    position: fixed;
    left: 0;
    top: 0;
  }
}

#feature-brand-randonnee .g-header .inner-wrap {
  width: 90%;
  height: 100%;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .g-header .inner-wrap {
    width: 100%;
    padding: 0 4.34783vw;
  }
}

#feature-brand-randonnee .g-header__logo {
  width: 210px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .g-header__logo {
    width: 50.24155vw;
  }
}

#feature-brand-randonnee .g-header .g-nav {
  width: 574px;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#feature-brand-randonnee .g-header .g-nav__menu {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (min-width: 769px) {
  #feature-brand-randonnee .g-header .g-nav__menu li {
    height: 22px;
  }
}

#feature-brand-randonnee .g-header .g-nav__menu li:nth-child(1) {
  width: 66px;
}

#feature-brand-randonnee .g-header .g-nav__menu li:nth-child(2) {
  width: 46px;
}

#feature-brand-randonnee .g-header .g-nav__menu li:nth-child(3) {
  width: 44px;
}

#feature-brand-randonnee .g-header .g-nav__menu li:nth-child(4) {
  width: 60px;
}

@media only screen and (min-width: 769px) {
  #feature-brand-randonnee .g-header .g-nav__menu li:nth-child(n+2) {
    margin-left: 55px;
  }
}

#feature-brand-randonnee .g-header .g-nav__menu li a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

@media only screen and (min-width: 769px) {
  #feature-brand-randonnee .g-header .g-nav__menu li a::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

#feature-brand-randonnee .g-header .g-nav__menu li img {
  display: block;
}

#feature-brand-randonnee .g-header .g-nav .sns-menu {
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#feature-brand-randonnee .g-header .g-nav .sns-menu li {
  width: 35px;
}

#feature-brand-randonnee .g-header .g-nav .sns-menu li:nth-child(n+2) {
  margin-left: 15px;
}

#feature-brand-randonnee .g-header .menu-btn {
  width: 17.8744vw;
  height: 17.8744vw;
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
}

@media only screen and (max-width: 767px) {
  #feature-brand-randonnee .g-header .menu-btn {
    position: absolute;
  }
}

#feature-brand-randonnee .g-header .menu-btn__inner {
  width: 10.14493vw;
  height: 9.17874vw;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

#feature-brand-randonnee .g-header .menu-btn span {
  display: block;
  width: 100%;
  height: 1.44928vw;
  background-color: #231816;
  transition: transform .5s, opacity .5s;
  position: absolute;
  left: 0;
  margin: auto;
}

#feature-brand-randonnee .g-header .menu-btn span:nth-child(1) {
  top: 0;
}

#feature-brand-randonnee .g-header .menu-btn span:nth-child(2) {
  top: 0;
  bottom: 0;
}

#feature-brand-randonnee .g-header .menu-btn span:nth-child(3) {
  bottom: 0;
}

#feature-brand-randonnee .g-header .g-nav-sp {
  width: 100%;
  background-color: #fff;
  position: absolute;
  top: 17.8744vw;
  left: 0;
  display: none;
}

#feature-brand-randonnee .g-header .g-nav-sp .g-nav__menu {
  display: block;
}

#feature-brand-randonnee .g-header .g-nav-sp .g-nav__menu li {
  width: 100%;
  height: 19.32367vw;
  border-top: 1px solid rgba(35, 24, 22, 0.5);
}

#feature-brand-randonnee .g-header .g-nav-sp .g-nav__menu li a {
  width: 100%;
  height: 100%;
  padding-left: 7.97101vw;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#feature-brand-randonnee .g-header .g-nav-sp .g-nav__menu li:nth-child(1) img {
  width: 28.01932vw;
}

#feature-brand-randonnee .g-header .g-nav-sp .g-nav__menu li:nth-child(2) img {
  width: 19.32367vw;
}

#feature-brand-randonnee .g-header .g-nav-sp .g-nav__menu li:nth-child(3) img {
  width: 18.35749vw;
}

#feature-brand-randonnee .g-header .g-nav-sp .g-nav__menu li:nth-child(4) img {
  width: 25.60386vw;
}

#feature-brand-randonnee .g-header .g-nav-sp .g-nav__menu li:nth-child(5) img {
  width: 49.27536vw;
}

#feature-brand-randonnee .g-header .g-nav-sp .sns-menu {
  height: 19.32367vw;
  border-top: 1px solid rgba(35, 24, 22, 0.5);
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#feature-brand-randonnee .g-header .g-nav-sp .sns-menu li a {
  width: 100%;
  height: 100%;
  margin-left: 6.76329vw;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#feature-brand-randonnee .g-header .g-nav-sp .sns-menu li img {
  width: 12.07729vw;
}

#feature-brand-randonnee .gray-layer {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.44);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 49;
  pointer-events: none;
  opacity: 0;
  transition: opacity .3s;
}

#feature-brand-randonnee.is-nav-op .menu-btn span:nth-child(1) {
  transform: rotate(315deg);
  bottom: 0;
}

#feature-brand-randonnee.is-nav-op .menu-btn span:nth-child(2) {
  opacity: 0;
}

#feature-brand-randonnee.is-nav-op .menu-btn span:nth-child(3) {
  transform: rotate(-315deg);
  top: 0;
}

#feature-brand-randonnee.is-nav-op .gray-layer {
  opacity: 1;
  pointer-events: auto;
}

/*************************************************************
/ contents
/************************************************************/
#feature-brand-randonnee .contents {
  margin-top: -100px;
  margin-bottom: 160px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .contents {
    margin-top: 0;
  }
}

/*************************************************************
/ kv
/************************************************************/
#feature-brand-randonnee .kv {
  position: relative;
}

#feature-brand-randonnee .kv .inner-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

#feature-brand-randonnee .kv__logo {
  width: 240px;
  position: absolute;
  top: 170px;
  left: 50%;
  margin-left: 241px;
  z-index: 2;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .kv__logo {
    width: 37.19807vw;
    top: 31.88406vw;
    right: 5.7971vw;
    left: auto;
    margin-left: 0;
  }
}

#feature-brand-randonnee .kv .kv__link-btn {
  width: 254px;
  height: 116px;
  position: absolute;
  bottom: 43px;
  left: 0px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .kv .kv__link-btn {
    width: 45.89372vw;
    height: 24.15459vw;
    left: 7.24638vw;
    bottom: 13.28502vw;
  }
}

#feature-brand-randonnee .kv .kv__link-btn a {
  width: 100%;
  height: 100%;
  border: 1px solid #D42D43;
  border-radius: 6px;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: #FBFAF8;
}

#feature-brand-randonnee .kv .kv__link-btn img {
  width: 188px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .kv .kv__link-btn img {
    width: 38.16425vw;
  }
}

/*************************************************************
/ reserve-info
/************************************************************/
#feature-brand-randonnee .reserve-info {
  height: 50px;
  background-color: #C9883A;
  color: #fff;
  font-weight: 900;
  text-align: center;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 21px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .reserve-info {
    height: 22.94686vw;
    font-size: 18px;
    font-size: 4.34783vw;
    line-height: 1.3;
  }
}

#feature-brand-randonnee .reserve-info__d {
  font-size: 24px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .reserve-info__d {
    font-size: 19px;
    font-size: 4.58937vw;
  }
}

#feature-brand-randonnee .reserve-info__dw {
  font-size: 19px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .reserve-info__dw {
    font-size: 17px;
    font-size: 4.10628vw;
  }
}

/*************************************************************
/ sec-intro
/************************************************************/
#feature-brand-randonnee .sec-intro {
  margin: 110px 0 0 0;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro {
    margin-top: 21.73913vw;
  }
}

#feature-brand-randonnee .sec-intro__logo {
  width: 512px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro__logo {
    width: 82.36715vw;
  }
}

#feature-brand-randonnee .sec-intro__des {
  margin-top: 75px;
  text-align: center;
  font-size: 18px;
  font-weight: 900;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro__des {
    margin-top: 20.5314vw;
    font-size: 18px;
    font-size: 4.34783vw;
  }
}

#feature-brand-randonnee .sec-intro__des p+p {
  margin-top: 1em;
}

#feature-brand-randonnee .sec-intro__des a {
  color: #D42D43;
}

#feature-brand-randonnee .sec-intro__des a:hover {
  text-decoration: underline;
}

#feature-brand-randonnee .sec-intro .img-block {
  width: 829px;
  height: 1103px;
  position: relative;
  margin: 200px 0 0 84px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .img-block {
    width: 92.99517vw;
    height: 135.74879vw;
    margin: 48.30918vw auto 0;
  }
}

#feature-brand-randonnee .sec-intro .img-block .img-list li .cap {
  font-size: 12px;
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .img-block .img-list li .cap {
    font-size: 2.41546vw;
    margin-top: 1.20773vw;
  }
}

#feature-brand-randonnee .sec-intro .img-block .img-list li:nth-child(1) {
  width: 73.10012%;
  margin: 0 auto;
}

#feature-brand-randonnee .sec-intro .img-block .img-list li:nth-child(1) .cap {
  margin-left: 22px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .img-block .img-list li:nth-child(1) .cap {
    margin-left: 2.41546vw;
  }
}

#feature-brand-randonnee .sec-intro .img-block .img-list li:nth-child(2) {
  width: 47.16526%;
  position: absolute;
  left: 0;
  bottom: 0;
}

#feature-brand-randonnee .sec-intro .img-block .img-list li:nth-child(2) .cap {
  margin-top: -20px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .img-block .img-list li:nth-child(2) .cap {
    margin-top: -0.72464vw;
  }
}

#feature-brand-randonnee .sec-intro .img-block .img-list li:nth-child(3) {
  width: 47.40651%;
  position: absolute;
  right: 0;
  bottom: 13.14597%;
}

#feature-brand-randonnee .sec-intro .img-block .img-list li:nth-child(3) .cap {
  margin-top: -23px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .img-block .img-list li:nth-child(3) .cap {
    margin-top: -0.72464vw;
  }
}

#feature-brand-randonnee .sec-intro .item-block {
  margin-top: 200px;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .item-block {
    margin-top: 38.64734vw;
  }
}

#feature-brand-randonnee .sec-intro .item-block .item {
  width: 350px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .item-block .item {
    width: 47.343vw;
  }
}

#feature-brand-randonnee .sec-intro .item-block .item .logo {
  margin: 0 auto;
}

#feature-brand-randonnee .sec-intro .item-block .item .img {
  margin-top: 40px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .item-block .item .img {
    margin-top: 3.1401vw;
  }
}

#feature-brand-randonnee .sec-intro .item-block .item .cap {
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .item-block .item .cap {
    font-size: 14px;
    font-size: 3.38164vw;
    margin-top: 2.41546vw;
  }
}

#feature-brand-randonnee .sec-intro .item-block .item .icn-link {
  margin-top: 10px;
}

#feature-brand-randonnee .sec-intro .item-block .item .icn-link a {
  font-weight: 900;
  color: #D42D43;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .item-block .item .icn-link a {
    font-size: 16px;
    font-size: 3.86473vw;
  }
}

#feature-brand-randonnee .sec-intro .item-block .item:nth-child(1) {
  width: 680px;
  margin-top: 85px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .item-block .item:nth-child(1) {
    width: 90.57971vw;
  }
}

#feature-brand-randonnee .sec-intro .item-block .item:nth-child(1) .logo {
  width: 216px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .item-block .item:nth-child(1) .logo {
    width: 41.54589vw;
  }
}

#feature-brand-randonnee .sec-intro .item-block .item:nth-child(1) .img {
  margin-top: 28px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .item-block .item:nth-child(1) .img {
    margin-top: 2.89855vw;
  }
}

#feature-brand-randonnee .sec-intro .item-block .item:nth-child(1) .cap {
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .item-block .item:nth-child(1) .cap {
    margin-top: 1.93237vw;
  }
}

#feature-brand-randonnee .sec-intro .item-block .item:nth-child(1) .note {
  font-size: 12px;
  margin-top: 0.5em;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-intro .item-block .item:nth-child(1) .note {
    font-size: 12px;
    font-size: 2.89855vw;
  }
}

/*************************************************************
/ sec-products
/************************************************************/
#feature-brand-randonnee .sec-products {
  margin-top: 300px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products {
    margin-top: 60.38647vw;
  }
}

#feature-brand-randonnee .sec-products .ttl-label {
  width: 174px;
  margin: 0 auto 100px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .ttl-label {
    width: 42.02899vw;
    margin-bottom: 18.35749vw;
  }
}

#feature-brand-randonnee .sec-products .cat-list {
  width: 1010px;
  margin-left: -20px;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .cat-list {
    width: 86.23188vw;
    margin: 0 auto;
  }
}

#feature-brand-randonnee .sec-products .cat-list li .name {
  margin-top: 15px;
  font-weight: 500;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .cat-list li .name {
    margin-top: 2.41546vw;
    font-size: 2.89855vw;
  }
}

#feature-brand-randonnee .sec-products .cat-list li .icn-new {
  width: 37px;
  height: 20px;
  margin: 10px auto 0;
  color: #fff;
  background-color: #00965F;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .cat-list li .icn-new {
    width: 9.17874vw;
    height: 4.83092vw;
    font-size: 2.41546vw;
  }
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .cat-list li:nth-child(n+3) {
    margin-top: 20.28986vw;
  }
}

#feature-brand-randonnee .sec-products .cat-list li:nth-child(1) {
  width: 189px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .cat-list li:nth-child(1) {
    width: 37.92271vw;
  }
}

#feature-brand-randonnee .sec-products .cat-list li:nth-child(2) {
  width: 203px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .cat-list li:nth-child(2) {
    width: 40.82126vw;
  }
}

#feature-brand-randonnee .sec-products .cat-list li:nth-child(3) {
  width: 189px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .cat-list li:nth-child(3) {
    width: 37.92271vw;
  }
}

#feature-brand-randonnee .sec-products .cat-list li:nth-child(4) {
  width: 203px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .cat-list li:nth-child(4) {
    width: 40.82126vw;
  }
}

#feature-brand-randonnee .sec-products .line-parts {
  width: 55px;
  height: 20px;
  margin: 200px auto;
  background-image: url("/img/brand/randonnee/line-parts.png");
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .line-parts {
    width: 13.28502vw;
    height: 4.83092vw;
    margin: 38.64734vw auto;
  }
}

#feature-brand-randonnee .sec-products .product-block.nohohon .product-ttl img {
  width: 219px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-block.nohohon .product-ttl img {
    width: 44.2029vw;
  }
}

#feature-brand-randonnee .sec-products .product-block.tekuteku .product-ttl img {
  width: 221px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-block.tekuteku .product-ttl img {
    width: 44.2029vw;
  }
}

#feature-brand-randonnee .sec-products .product-block.tocotoco .product-ttl img {
  width: 210px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-block.tocotoco .product-ttl img {
    width: 43.96135vw;
  }
}

#feature-brand-randonnee .sec-products .product-header {
  margin: 0 auto;
}

@media only screen and (min-width: 769px) {
  #feature-brand-randonnee .sec-products .product-header {
    width: 740px;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-header {
    width: 82.1256vw;
    font-size: 16px;
    font-size: 3.86473vw;
  }
}

#feature-brand-randonnee .sec-products .product-ttl {
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#feature-brand-randonnee .sec-products .product-ttl img {
  margin-right: 15px;
  display: block;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-ttl img {
    margin-right: 3.62319vw;
  }
}

#feature-brand-randonnee .sec-products .product-des {
  width: 387px;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-des {
    width: 100%;
    margin-top: 6.03865vw;
    font-size: 16px;
    font-size: 3.86473vw;
  }
}

#feature-brand-randonnee .sec-products .product-des .icn-new {
  width: 37px;
  height: 20px;
  display: block;
  color: #fff;
  background-color: #00965F;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1;
  border-radius: 2px;
  font-size: 12px;
  font-weight: 700;
  position: absolute;
  top: -25px;
  left: 0;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-des .icn-new {
    width: 9.17874vw;
    height: 4.83092vw;
    font-size: 2.89855vw;
    position: static;
  }
}

@media only screen and (min-width: 769px) {
  #feature-brand-randonnee .sec-products .product-item-list {
    margin-top: 35px;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-item-list {
    margin-top: 7.24638vw;
  }
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-item-list__item {
    margin-left: auto;
    margin-right: auto;
  }
}

#feature-brand-randonnee .sec-products .product-item-list__item:nth-child(1) {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-item-list__item:nth-child(1) {
    width: 90.82126vw;
  }
}

#feature-brand-randonnee .sec-products .product-item-list__item:nth-child(1) .inner {
  width: 625px;
  margin: 0 auto 65px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-item-list__item:nth-child(1) .inner {
    width: 100%;
  }
}

#feature-brand-randonnee .sec-products .product-item-list__item:nth-child(n+2) {
  width: 300px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-item-list__item:nth-child(n+2) {
    width: 65.21739vw;
    margin-top: 14.49275vw;
  }
}

@media only screen and (min-width: 769px) {
  #feature-brand-randonnee .sec-products .product-item-list__item:nth-child(n+3) {
    margin-left: 30px;
  }
}

#feature-brand-randonnee .sec-products .product-item-list__item .color {
  margin-top: 10px;
  font-size: 12px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-products .product-item-list__item .color {
    margin-top: 0;
    font-size: 12px;
    font-size: 2.89855vw;
  }
}

/*************************************************************
/ sec-detail
/************************************************************/
#feature-brand-randonnee .sec-detail {
  margin-top: 300px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-detail {
    margin-top: 60.38647vw;
  }
}

#feature-brand-randonnee .sec-detail .ttl-label {
  width: 118px;
  margin: 0 auto 95px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-detail .ttl-label {
    width: 28.50242vw;
    margin-bottom: 19.32367vw;
  }
}

#feature-brand-randonnee .sec-detail .detail-list {
  padding: 0 30px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-detail .detail-list {
    padding: 0;
  }
}

@media only screen and (min-width: 769px) {
  #feature-brand-randonnee .sec-detail .detail-list__item {
    width: 770px;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#feature-brand-randonnee .sec-detail .detail-list__item .img {
  width: 380px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-detail .detail-list__item .img {
    width: 75.60386vw;
  }
}

#feature-brand-randonnee .sec-detail .detail-list__item .txt-block {
  width: 390px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-detail .detail-list__item .txt-block {
    width: 75.60386vw;
  }
}

#feature-brand-randonnee .sec-detail .detail-list__item .ttl {
  padding-top: 25px;
  padding-bottom: 25px;
  background-image: url("/img/brand/randonnee/sec-detail_dialine@2x.png");
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 420px;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-detail .detail-list__item .ttl {
    padding-top: 6.03865vw;
    padding-bottom: 3.62319vw;
    font-size: 24px;
    font-size: 5.7971vw;
    background-size: 101.44928vw;
  }
}

#feature-brand-randonnee .sec-detail .detail-list__item .txt {
  margin-top: 15px;
  font-size: 14px;
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-detail .detail-list__item .txt {
    margin-top: 3.62319vw;
    font-size: 16px;
    font-size: 3.86473vw;
  }
}

@media only screen and (min-width: 769px) {

  #feature-brand-randonnee .sec-detail .detail-list__item:nth-child(odd) .ttl,
  #feature-brand-randonnee .sec-detail .detail-list__item:nth-child(odd) .txt {
    padding-left: 35px;
  }
}

@media only screen and (max-width: 768px) {

  #feature-brand-randonnee .sec-detail .detail-list__item:nth-child(odd) .ttl,
  #feature-brand-randonnee .sec-detail .detail-list__item:nth-child(odd) .txt {
    padding-right: 7.24638vw;
  }
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-detail .detail-list__item:nth-child(odd) .txt-block {
    margin-left: auto;
  }
}

#feature-brand-randonnee .sec-detail .detail-list__item:nth-child(even) {
  flex-direction: row-reverse;
  margin-left: auto;
}

@media only screen and (min-width: 769px) {

  #feature-brand-randonnee .sec-detail .detail-list__item:nth-child(even) .ttl,
  #feature-brand-randonnee .sec-detail .detail-list__item:nth-child(even) .txt {
    padding-right: 25px;
  }
}

@media only screen and (max-width: 768px) {

  #feature-brand-randonnee .sec-detail .detail-list__item:nth-child(even) .ttl,
  #feature-brand-randonnee .sec-detail .detail-list__item:nth-child(even) .txt {
    padding-left: 7.24638vw;
  }
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-detail .detail-list__item:nth-child(even) .img {
    margin-left: auto;
  }
}

#feature-brand-randonnee .sec-detail .detail-list__item:nth-child(n+2) {
  margin-top: 50px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-detail .detail-list__item:nth-child(n+2) {
    margin-top: 19.32367vw;
  }
}

/*************************************************************
/ sec-brand
/************************************************************/
#feature-brand-randonnee .sec-brand {
  margin-top: 300px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand {
    margin-top: 60.38647vw;
  }
}

#feature-brand-randonnee .sec-brand .ttl-label {
  width: 112px;
  margin: 0 auto 95px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .ttl-label {
    width: 27.05314vw;
    margin-bottom: 22.94686vw;
  }
}

#feature-brand-randonnee .sec-brand .icn-link a {
  justify-content: flex-start;
  font-size: 14px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .icn-link a {
    font-size: 16px;
    font-size: 3.86473vw;
  }
}

@media only screen and (min-width: 769px) {
  #feature-brand-randonnee .sec-brand .randnnee {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#feature-brand-randonnee .sec-brand .randnnee .img {
  width: 300px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .randnnee .img {
    width: 53.1401vw;
    margin: 0 auto;
  }
}

#feature-brand-randonnee .sec-brand .randnnee .txt-block {
  width: 444px;
  margin-left: 62px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .randnnee .txt-block {
    width: 85.02415vw;
    margin: 7.24638vw auto 0;
  }
}

#feature-brand-randonnee .sec-brand .randnnee .txt-block .txt {
  font-size: 14px;
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .randnnee .txt-block .txt {
    font-size: 16px;
    font-size: 3.86473vw;
  }
}

#feature-brand-randonnee .sec-brand .randnnee .txt-block .icn-link {
  margin-top: 15px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .randnnee .txt-block .icn-link {
    margin-top: 2.41546vw;
  }
}

#feature-brand-randonnee .sec-brand .publish {
  margin-top: 100px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .publish {
    margin-top: 28.98551vw;
  }
}

#feature-brand-randonnee .sec-brand .publish .des {
  text-align: center;
  font-weight: 900;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .publish .des {
    font-size: 18px;
    font-size: 4.34783vw;
  }
}

#feature-brand-randonnee .sec-brand .publish-list {
  margin-top: 30px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .publish-list {
    width: 72.46377vw;
    margin: 7.24638vw auto 0;
  }
}

#feature-brand-randonnee .sec-brand .publish-list__item {
  padding: 0 20px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .publish-list__item {
    width: 100%;
    padding: 0 2.41546vw;
  }
}

#feature-brand-randonnee .sec-brand .publish-list__item .cap {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .publish-list__item .cap {
    margin-top: 2.41546vw;
    font-size: 16px;
    font-size: 3.86473vw;
  }
}

#feature-brand-randonnee .sec-brand .publish-list__item .icn-link {
  margin-top: 5px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .publish-list__item .icn-link {
    margin-top: 1.20773vw;
  }
}

#feature-brand-randonnee .sec-brand .publish .slick-arrow {
  width: 35px;
  height: 35px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 10;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .publish .slick-arrow {
    width: 7.24638vw;
    height: 7.24638vw;
    margin-top: -3.62319vw;
  }
}

#feature-brand-randonnee .sec-brand .publish .slick-arrow .inner {
  width: 100%;
  height: 100%;
  border-top: 2px solid #000;
  border-left: 2px solid #000;
}

#feature-brand-randonnee .sec-brand .publish .slick-arrow.slider-prev {
  left: -40px;
  transform: rotate(-45deg);
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .publish .slick-arrow.slider-prev {
    left: -7.24638vw;
  }
}

#feature-brand-randonnee .sec-brand .publish .slick-arrow.slider-next {
  right: -40px;
  transform: rotate(135deg);
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-brand .publish .slick-arrow.slider-next {
    right: -7.24638vw;
  }
}

/*************************************************************
/ sec-shoplist
/************************************************************/
#feature-brand-randonnee .sec-shoplist {
  margin-top: 300px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-shoplist {
    margin-top: 60.38647vw;
  }
}

#feature-brand-randonnee .sec-shoplist .ttl-label {
  width: 156px;
  margin: 0 auto 50px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-shoplist .ttl-label {
    width: 37.68116vw;
    margin-bottom: 12.07729vw;
  }
}

#feature-brand-randonnee .sec-shoplist .des {
  text-align: center;
  font-weight: 500;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-shoplist .des {
    font-size: 16px;
    font-size: 3.86473vw;
    padding: 0 4.83092vw;
  }
}

@media only screen and (min-width: 769px) {
  #feature-brand-randonnee .sec-shoplist .btn-list {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-shoplist .btn-list {
    margin-top: 15.70048vw;
  }
}

#feature-brand-randonnee .sec-shoplist .btn-list li {
  width: 327px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-shoplist .btn-list li {
    width: 78.98551vw;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (min-width: 769px) {
  #feature-brand-randonnee .sec-shoplist .btn-list li:nth-child(n+2) {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-shoplist .btn-list li:nth-child(n+2) {
    margin-top: 7.24638vw;
  }
}

#feature-brand-randonnee .sec-shoplist .btn-list li a {
  width: 100%;
  height: 100%;
  padding-left: 15px;
  padding: 20px 0 20px 15px;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #D42D43;
  font-weight: 500;
  border: 1px solid #231816;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-shoplist .btn-list li a {
    font-size: 16px;
    font-size: 3.86473vw;
    padding-left: 3.62319vw;
  }
}

#feature-brand-randonnee .sec-shoplist .btn-list li a::before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  border-top: 1px solid #231816;
  border-right: 1px solid #231816;
  transform: rotate(45deg);
  margin-right: 18px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .sec-shoplist .btn-list li a::before {
    width: 3.62319vw;
    height: 3.62319vw;
  }
}

/*************************************************************
/ footer
/************************************************************/
#feature-brand-randonnee .gfooter {
  height: 100px;
  background-color: #fff;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .gfooter {
    height: 18.35749vw;
  }
}

#feature-brand-randonnee .gfooter .inner-wrap {
  width: 1040px;
  height: 100%;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .gfooter .inner-wrap {
    width: 100%;
    padding: 0 5.31401vw;
  }
}

#feature-brand-randonnee .gfooter .inner-wrap>.inner {
  width: 100%;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .gfooter .inner-wrap>.inner {
    align-items: center;
  }
}

#feature-brand-randonnee .gfooter .gfooter-logo {
  width: 172px;
  display: block;
  color: #13176B;
  font-weight: 700;
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .gfooter .gfooter-logo {
    width: 41.54589vw;
    font-size: 12px;
    font-size: 2.89855vw;
  }
}

#feature-brand-randonnee .gfooter .copy {
  font-size: 11px;
  letter-spacing: 0.03em;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee .gfooter .copy {
    margin-top: 2.41546vw;
    font-size: 10px;
    font-size: 2.41546vw;
  }
}

#feature-brand-randonnee #page-top {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 98;
}

@media only screen and (max-width: 768px) {
  #feature-brand-randonnee #page-top {
    bottom: 15px;
    right: 15px;
  }
}

#feature-brand-randonnee .is-tb .gfooter .inner-wrap {
  width: 940px;
}

/****************************************************
/ ローディング
****************************************************/
#feature-brand-randonnee .load {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 1001;
}

#feature-brand-randonnee .load img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  -webkit-animation: spin 1.2s linear infinite;
  -moz-animation: spin 1.2s linear infinite;
  -ms-animation: spin 1.2s linear infinite;
  animation: spin 1.2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-moz-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-ms-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*************************************************************
/ animation
/************************************************************/
/*************************************************************
/ global-animation
/************************************************************/
#feature-brand-randonnee .stagger_fade {
  opacity: 0;
  transition: opacity .5s;
}

#feature-brand-randonnee .stagger_fade.outback {
  transform: translateY(40px);
  transition: opacity 0.5s, transform 0.7s cubic-bezier(0.085, 0.86, 0.32, 1.65);
}

#feature-brand-randonnee .stagger_fade.to-up {
  transform: translateY(20px);
  transition: opacity .5s, transform .5s;
}

#feature-brand-randonnee .stagger_fade.to-down {
  transform: translateY(-20px);
  transition: opacity .5s, transform .5s;
}

#feature-brand-randonnee .stagger_fade.to-down4 {
  transform: translateY(-40px);
  transition: opacity 0.5s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#feature-brand-randonnee .stagger_fade.scale-down {
  transform: translateY(0) scale(1.3);
  transition: opacity .5s, transform .5s;
}

#feature-brand-randonnee .stagger_fade.scale-up {
  transform: translateY(0) scale(0);
  transition: opacity .2s, transform .5s;
}

#feature-brand-randonnee .stagger_fade.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}

#feature-brand-randonnee .single_fade {
  opacity: 0;
  transition: opacity .5s;
  display: block;
}

#feature-brand-randonnee .single_fade.outback {
  transform: translateY(40px);
  transition: opacity 0.5s, transform 0.7s cubic-bezier(0.085, 0.86, 0.32, 1.65);
}

#feature-brand-randonnee .single_fade.to-up {
  transform: translateY(20px);
  transition: opacity .5s, transform .5s;
}

#feature-brand-randonnee .single_fade.to-down {
  transform: translateY(-20px);
  transition: opacity .5s, transform .5s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

#feature-brand-randonnee .single_fade.to-down4 {
  transform: translateY(-40px);
  transition: opacity .5s, transform .5s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-duration: .7s;
}

#feature-brand-randonnee .single_fade.scale {
  transform: translateY(0) scale(1.3);
  transition: opacity .5s, transform .5s;
}

#feature-brand-randonnee .single_fade.is-active {
  opacity: 1;
  transform: translateY(0) scale(1);
}

#feature-brand-randonnee .slick-slider.done-slick .stagger_fade-to-up,
#feature-brand-randonnee .slick-slider.done-slick .single_fade-to-up,
#feature-brand-randonnee .slick-slider.done-slick .single_fade {
  opacity: 1;
  transform: translate(0px, 0px);
}

#feature-brand-randonnee .is-pc.is-safari .stagger_fade-to-up.outback {
  transition: none;
}

#feature-brand-randonnee .is-pc.is-safari .stagger_fade-to-up.outback.is-active {
  animation: fade-up_safari ease-out .7s;
}

#feature-brand-randonnee .is-pc.is-safari .single_fade-to-up.outback {
  transition: none;
}

#feature-brand-randonnee .is-pc.is-safari .single_fade-to-up.outback.is-active {
  animation: fade-up_safari ease-out .7s;
}

@keyframes fade-up_safari {
  0% {
    opacity: 0;
    transform: translateY(0px);
  }

  30% {
    opacity: 1;
    transform: translateY(-10px);
    animation-timing-function: ease-in;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: translateY(0px);
  }
}

#feature-brand-randonnee .hv-o,
#feature-brand-randonnee .hv-up,
#feature-brand-randonnee .hv-slide {
  display: block;
}

#feature-brand-randonnee .is-pc .hv-o {
  transition: opacity .5s;
}

#feature-brand-randonnee .is-pc .hv-o:hover {
  opacity: 0.6;
}

#feature-brand-randonnee .is-pc .hv-up {
  transition: transform .5s;
}

#feature-brand-randonnee .is-pc .hv-up:hover {
  transform: translateY(-10px);
}

#feature-brand-randonnee .is-pc .tpl-video-btn::before {
  transition: opacity .5s;
}

#feature-brand-randonnee .is-pc .tpl-video-btn:hover::before {
  opacity: 0;
}

#feature-brand-randonnee .is-pc .g-nav .nav-list a .off {
  transition: opacity .5s;
}

#feature-brand-randonnee .is-pc .g-nav .nav-list a:hover .off,
#feature-brand-randonnee .is-pc .g-nav .nav-list a.is-current .off {
  opacity: 0;
}

#feature-brand-randonnee .is-pc .footer-nav a:hover {
  text-decoration: underline;
}

#feature-brand-randonnee .fixed-btn {
  transition: transform 0.5s, opacity 0.5s;
}

#feature-brand-randonnee .fixed-btn.none {
  opacity: 0;
  pointer-events: none;
}

#feature-brand-randonnee .fixed-btn.none .btn-buy,
#feature-brand-randonnee .fixed-btn.none .buy-cap {
  pointer-events: none;
}

#feature-brand-randonnee .fixed-btn.first-hide {
  opacity: 0;
  transform: translateX(100%);
}

#feature-brand-randonnee .is-pc .btn-buy a img,
#feature-brand-randonnee .is-pc .buy-cap a img {
  display: block;
  transition: opacity .5s;
}

#feature-brand-randonnee .is-pc .btn-buy a:hover .off,
#feature-brand-randonnee .is-pc .buy-cap a:hover .off {
  opacity: 0;
}

/*************************************************************
/ shoplist
/************************************************************/
#feature-brand-randonnee .sec-shoplist .btn-list a {
  transition: background .3s, color .3s;
}

#feature-brand-randonnee .sec-shoplist .btn-list a::before {
  transition: border .3s;
}

#feature-brand-randonnee .sec-shoplist .btn-list a:hover {
  background-color: #231816;
  color: #fff;
}

#feature-brand-randonnee .sec-shoplist .btn-list a:hover::before {
  border-color: #fff;
}