@charset "utf-8";

/* CSS Document */





/*----------------------------------

 フォント

----------------------------------*/

@font-face {

  font-family: "CircularPro-Book";

  font-display: swap;

  src: url("../font/CircularPro-Book.woff") format("woff");

  src: url("../font/CircularPro-Book.ttf") format("truetype");

  font-weight: 400;

}



@font-face {

  font-family: "CircularPro-Black";

  font-display: swap;

  src: url("../font/CircularPro-Black.woff") format("woff");

  src: url("../font/CircularPro-Black.ttf") format("truetype");

  font-weight: 900;

}



@font-face {

  font-family: "CircularPro-BlackItalic";

  font-display: swap;

  src: url("../font/CircularPro-BlackItalic.otf") format("opentype");

  font-weight: 900;

}



@font-face {

  font-family: "CircularPro-Medium";

  font-display: swap;

  src: url("../font/CircularPro-Medium.otf") format("opentype");

  font-weight: 900;

}





/*----------------------------------

 デバイス

----------------------------------*/



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

.only-sp {

  display: none;

}

.only-pc {

  display: block;

}

}

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

.only-sp {

  display: block;

}

.only-pc {

  display: none;

}

}



body {

  position: relative;

  color: #000;

  font-family: "Zen Kaku Gothic New","Noto Sans JP","source-han-sans-japanese", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Helvetica Neue", Arial, sans-serif;

  font-size: clamp(10px, 1vw, 14px);

  font-weight: 400;

  -webkit-font-feature-settings: "palt";

          font-feature-settings: "palt";

  letter-spacing: 0;

  line-height: 1.46;

}



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

  body {

    font-size: 1.8rem;

    min-width: 1280px;

    letter-spacing: 0;

  }

}



a {

  -webkit-transition: 0.3s;

  transition: 0.3s;

  text-decoration: none;

  color: #333;

}



a:hover {

  opacity: 1;

  text-decoration: none;

}

a:focus {

  outline: none;

}



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

  a:hover {

    opacity: 0.7;

  }

}



img {

  max-width: 100%;

  vertical-align: bottom;

}



.wrapper {

  position: relative;

  overflow: hidden;

}



*:focus {

  outline: none;

}





.hike202602 sup {

  font-size: 50%;

  vertical-align: top;

  position: relative;

  top: -0.05em;

}





/* font */

.hike202602 .en {

  font-family: "Outfit", sans-serif;

}

.hike202602 .enb {

  font-family: "Outfit", sans-serif;

  font-weight: bold;

}

.hike202602 .jp {

  font-family: "Noto Sans JP", sans-serif;

  font-weight: 400;

}

.hike202602 p {

  color: #000;

  line-height: 1.64;

}



/* color */

:root {

  --color-theme: #d8c04f;

}





#hike202602 #header {

  width: 100%;

  position: fixed;

  top: 0;

  z-index: 3;

}

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

.hike202602 {

  margin-top: 0;

}

#hike202602 #header {

  min-width: 1280px;

}

}





/* item btn */

.hike202602 .itemBtnArea {

  margin: 0 auto;

  text-align: left;

  position: relative;

  z-index: 1;

}

.hike202602 .itemBtnArea a {

  width: 100%;

  max-width: 242px;

  margin: 0 auto;

  padding: 0.8em 1.2em;

  font-size: 23px;

  font-weight: 500;

  color: #fff;

  position: relative;

  background-color: #0055ff;

  display: block;

  transition: all ease .3s;

}

.hike202602 .itemBtnArea a:before {

  content: "";

  width: 1em;

  height: 1px;

  margin: auto;

  display: block;

  background-color: #fff;

  position: absolute;

  right: 1em;

  top: 0;

  bottom: 0;

  transition: all ease .3s;

}

.hike202602 .itemBtnArea a:after {

  content: "";

  width: 0.8em;

  height: 0.8em;

  margin: auto;

  display: block;

  border-top: #fff 1px solid;

  border-right: #fff 1px solid;

  position: absolute;

  right: 1.1em;

  top: 0;

  bottom: 0;

  transition: all ease .3s;

  transform: rotate(45deg);

}

.hike202602 .itemBtnArea a.notYet {

  pointer-events: none;

}

.hike202602 .itemBtnArea.largeBtn a {

  max-width: 460px;

  font-size: 20px;

  margin-bottom: 4em;

}

.hike202602 .itemBtnArea.flex {

  max-width: 1000px;

  display: flex;

  gap: 0 20px;

  justify-content: center;

}

.hike202602 .itemBtnArea.largeBtn.flex a {

  max-width: none;

  width: 460px;

}

@media (hover: hover) {

.hike202602 .itemBtnArea a:hover {

  color: #000;

  background-color: #acc7cc;

  opacity: 1;

}

.hike202602 .itemBtnArea a:hover:before {

  background-color: #000;

}

.hike202602 .itemBtnArea a:hover:after {

  border-top: #000 1px solid;

  border-right: #000 1px solid;

}

}

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

.hike202602 .slick-slider .itemBtnArea a {

  width: 100%;

  max-width: 228px;

  margin: 0 auto;

  font-size: 20px;

}

}

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

.hike202602 .itemBtnArea {

  margin: 0 auto;

}

.hike202602 .itemBtnArea a {

  width: auto;

  max-width: 180px;

  font-size: calc(34/750*100vw);

}

.hike202602 .itemBtnArea.flex {

  margin-bottom: 2em;

  flex-direction: column;

  gap: 0 0;

}

.hike202602 .itemBtnArea.largeBtn a {

  max-width: calc(450/750*100vw);

  font-size: calc(23/750*100vw);

}

.hike202602 .itemBtnArea.largeBtn.flex a {

  max-width: calc(540/750*100vw);

  width: 100%;

  margin-bottom: 2em;

}

}





/* lead Large */

.hike202602 .leadL {

  width: 100%;

  margin: 0 auto;

  font-size: 64px;

  font-weight: bold;

  line-height: 0.73;

  color: #000;

  border-bottom: #000 1px solid;

  text-align: center;

}

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

  .hike202602 .leadL {

    font-size: calc(74/750*100vw);

    padding: 0;

  }

}





/* anchor position */

.anch {

  margin-top: -188px;

  padding-top: 188px;

}

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

  .anch {

    margin-top: -158px;

    padding-top: 158px;

  }

}





/* general text size */

.hike202602 .generalLeadL {

  font-size: 48px;

  font-weight: bold;

  color: #000;

}

.hike202602 .generalLead {

  font-size: 36px;

  font-weight: bold;

  color: #000;

}

.hike202602 .generalLeadS {

  font-size: 28px;

  font-weight: 400;

  color: #000;

}

.hike202602 .generalText {

  font-size: 22px;

  font-weight: 400;

  color: #000;

}

.hike202602 .generalFlex {

  display: flex;

  justify-content: space-between;

}

.hike202602 .generalFlex .generalFlexL,

.hike202602 .generalFlex .generalFlexR {

  width: calc(50% - 20px);

}

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

  .hike202602 .generalLeadL {

    font-size: calc(48/750*100vw);

  }

  .hike202602 .generalLead {

    font-size: calc(40/750*100vw);

  }

  .hike202602 .generalLeadS {

    font-size: calc(32/750*100vw);;

  }

  .hike202602 .generalText {

    font-size: calc(26/750*100vw);

  }

  .hike202602 .generalFlex {

    flex-direction: column;

    justify-content:flex-start;

    gap: calc(70/750*100vw) 0;

  }

  .hike202602 .generalFlex .generalFlexL,

  .hike202602 .generalFlex .generalFlexR {

    width: 100%;

  }

}





/* index page */

.hike202602_hero {

  background-color: #1b1b17;

}

.hike202602_hero img {

  width: 100%;

  max-width: none;

}

.hike202602_hero .hike202602_heroInner {

  position: relative;

}

.hike202602_hero .scroll {

  width: 104px;

  margin: 0 auto;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 44px;

}

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

.hike202602_hero .scroll {

  width: calc(110/750*100vw);

  bottom: calc(440/750*100vw);

  display: none;

}

}



.hike202602_project {

  margin-top: -188px;

  padding-top: 188px;

}

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

.hike202602 {

  margin-bottom: -40px;

}

.hike202602_project {

  margin-top: -60px;

  padding-top: 60px;

}

}





.hike202602_topic {

  background-color: #f0efec;

}

.hike202602_topic .hike202602_topicInner {

  width: 100%;

  max-width: 1000px;

  margin: 0 auto;

  padding: 60px 0 36px;

}

ul.topicBnrList {

  display: flex;

  gap: 40px 50px;

}

ul.topicBnrList li .bnrImg {

  margin-bottom: 0.4em;

}

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

.hike202602_topic .hike202602_topicInner {

  max-width: calc(682/750*100vw);

  padding: calc(50/750*100vw) 0 calc(30/750*100vw);

}

ul.topicBnrList {

  width: calc(600/750*100vw);

  margin: 0 auto;

  flex-direction: column;

  gap: calc(30/750*100vw) 0;

}

}





.hike202602_about {

  margin-top: -188px;

  padding-top: 188px;

}

.hike202602_about .hike202602_aboutInner {

  margin-bottom: 80px;

}

.hike202602_about .hike202602_aboutBg {

  background: url("../img/bg_about-pc.jpg") no-repeat top;

  background-size: cover;

  background-color: #efeeee;

  position: relative;

  z-index: 0;

}

.hike202602_about .lead01 {

  padding-top: 80px;

  margin: 0 auto 40px;

  text-align: center;

  color: #fff;

  font-size: 35px;

  font-weight: bold;

}

.hike202602_nav.fixed + .hike202602_about {

  padding-top: 155px;

}

.hike202602_about .hike202602_aboutInner .keyTextBox {

  width: 100%;

  max-width: 680px;

  margin: 0 auto 3em;

  padding: 0;

  position: relative;

  font-size: 20px;

}

.hike202602_about .hike202602_aboutInner p {

  text-align: center;

}

.hike202602_about .hike202602_aboutInner .keyTextBox p {

  white-space: nowrap;

  color: #fff;

  font-weight: 500;

}

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

.hike202602_about {

  margin-top: -158px;

  padding-top: 158px;

}

.hike202602_about .hike202602_aboutBg {

  background: url("../img/bg_about-sp.jpg") no-repeat top;

  background-size: cover;

  background-color: #efeeee;

}

.hike202602_about .lead01 {

  width: calc(622/750*100vw);

  padding: calc(80/750*100vw) 0 0;

  margin: 0 auto 1em;

  font-size: calc(35/750*100vw);

}

.hike202602_about .hike202602_aboutInner .keyTextBox {

  width: calc(680/750*100vw);

  max-width: none;

  margin: 0 auto 2em;

  padding: 0;

  font-size: calc(23/750*100vw);

}

.hike202602_about .hike202602_aboutInner .keyTextBox:before,

.hike202602_about .hike202602_aboutInner .keyTextBox:after,

.hike202602_about .hike202602_aboutInner .keyTextBox .keyTextBoxInner:before,

.hike202602_about .hike202602_aboutInner .keyTextBox .keyTextBoxInner:after {

  width: 1.4em;

  height: 1.4em;

}

}



.hike202602_about .aboutBtmLink {

  width: 100%;

  height: auto;

  display: flex;

  flex-wrap: wrap;

  border-top: #000 1px solid;

  border-bottom: #000 1px solid;

  background-color: #fff;

}

.hike202602_about .aboutBtmLink .aboutBtmLink01 {

  width: 50%;

  height: 180px;

  background: url(/img/usr/freepage/hike202602/img/bg_aboutBtn01-pc.png) no-repeat center center;

  background-size: cover;

}

.hike202602_about .aboutBtmLink .aboutBtmLink02 {

  width: 50%;

  height: 180px;

  background: url(/img/usr/freepage/hike202602/img/bg_aboutBtn02-pc.png) no-repeat center center;

  background-size: cover;

  border-left: #000 1px solid;

}

.hike202602_about .aboutBtmLink .aboutBtmLink03 {

  width: 100%;

  height: 180px;

  border-top: #000 1px solid;

  background: url(/img/usr/freepage/hike202602/img/hike100tips_bnr-pc.png) no-repeat center center;

  background-size: cover;

  transition: 0.3s;

}

.hike202602_about .aboutBtmLink a {

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: end;

  backdrop-filter: brightness(1.5) grayscale(85%) saturate(66%);

  -webkit-backdrop-filter: brightness(1.5) grayscale(85%) saturate(66%);

}

.hike202602_about .aboutBtmLink .aboutBtmLink02 a {

  justify-content: start;

}

.hike202602_about .aboutBtmLink .aboutBtmLink03 a {

  justify-content: space-between;

  backdrop-filter: inherit;

}

.hike202602_about .aboutBtmLink a .aboutBtmLinkCont {

  width: 100%;

  max-width: 700px;

  padding: 0 50px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.hike202602_about .aboutBtmLink .aboutBtmLink02 a .aboutBtmLinkCont {

  padding: 0 40px 0 50px;

}

.hike202602_about .aboutBtmLink .aboutBtmLink03 a .aboutBtmLinkCont {

  max-width: none;

  padding: 0 40px 0 50px;

}

.hike202602_about .aboutBtmLink .aboutBtmLinkIcon {

  transition: all 0.3s;

}

.hike202602_about .aboutBtmLink .aboutBtmLink01 .aboutBtmLinkIcon {

  width: 100px;

  height: 100px;

}

.hike202602_about .aboutBtmLink .aboutBtmLink02 .aboutBtmLinkIcon {

  width: 170px;

  height: 70px;

}

.hike202602_about .aboutBtmLink .aboutBtmLink03 .aboutBtmLinkIcon {

  width: 100px;

  height: 100px;

}

.hike202602_about .aboutBtmLink .aboutBtmLinkText p {

  text-align: left;

  font-size: 21px;

  font-weight: 500;

  letter-spacing: -0.08em;

  transition: all 0.3s;

}

.hike202602_about .aboutBtmLink .aboutBtmLinkText p.lead {

  font-size: 28px;

  font-weight: 700;

}

@media (hover: hover) {

.hike202602_about .aboutBtmLink a:hover {

  backdrop-filter: brightness(1) grayscale(0%) saturate(100%);

  -webkit-backdrop-filter: brightness(1) grayscale(0%) saturate(100%);

}

.hike202602_about .aboutBtmLink a:hover {

  opacity: 1;

}

.hike202602_about .aboutBtmLink a:hover .aboutBtmLinkText p {

  color: #fff;

}

.hike202602_about .aboutBtmLink a:hover .aboutBtmLinkIcon {

  -webkit-filter: brightness(0) invert(1);

  filter: brightness(0) invert(1);

}

.hike202602_about .aboutBtmLink .aboutBtmLink03:hover {

  opacity: .6;

}

}

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

.hike202602_about .aboutBtmLink {

  height: auto;

  flex-direction: column;

}

.hike202602_about .aboutBtmLink .aboutBtmLink01 {

  width: 100%;

  height: calc(180/750*100vw);

  background: url(/img/usr/freepage/hike202602/img/bg_aboutBtn01-sp.png) no-repeat center center;

  background-size: cover;

}

.hike202602_about .aboutBtmLink .aboutBtmLink02 {

  width: 100%;

  height: calc(180/750*100vw);

  background: url(/img/usr/freepage/hike202602/img/bg_aboutBtn02-sp.png) no-repeat center center;

  background-size: cover;

  border-left: none;

  border-top: #000 1px solid;

}

.hike202602_about .aboutBtmLink .aboutBtmLink03 {

  width: 100%;

  height: calc(180/750*100vw);

  background: url(/img/usr/freepage/hike202602/img/hike100tips_bnr-sp.png) no-repeat center center;

  background-size: cover;

  border-left: none;

  border-top: #000 1px solid;

}

.hike202602_about .aboutBtmLink a {

  width: 100%;

  height: 100%;

  display: flex;

  justify-content: end;

  backdrop-filter: unset;

  -webkit-backdrop-filter: unset;

}

.hike202602_about .aboutBtmLink a .aboutBtmLinkCont {

  max-width: none;

  padding: 0 calc(40/750*100vw) 0 calc(30/750*100vw);

}

.hike202602_about .aboutBtmLink .aboutBtmLink02 a .aboutBtmLinkCont {

  padding: 0 calc(20/750*100vw) 0 calc(30/750*100vw);

}

.hike202602_about .aboutBtmLink .aboutBtmLink01 .aboutBtmLinkIcon {

  width: calc(100/750*100vw);

  height: calc(100/750*100vw);

}

.hike202602_about .aboutBtmLink .aboutBtmLink02 .aboutBtmLinkIcon {

  width: calc(140/750*100vw);

  height: calc(58/750*100vw);

}

.hike202602_about .aboutBtmLink .aboutBtmLink03 .aboutBtmLinkIcon {

  width: calc(100/750*100vw);

  height: calc(100/750*100vw);

}

.hike202602_about .aboutBtmLink .aboutBtmLinkText p {

  font-size: calc(26/750*100vw);

  letter-spacing: -0.08em;

  white-space: nowrap;

}

.hike202602_about .aboutBtmLink .aboutBtmLinkText p.lead {

  font-size: calc(36/750*100vw);

  line-height: 1;

}

}









.hike202602 .hike_movie {

  width: 100%;

  max-width: 1000px;

  margin: 0 auto;

  position: relative;

}

.hike202602 .hike_movie .hike_movieTitle {

  margin: 4em 0 20px;

  color: #000;

  font-size: 32px;

  text-align: center;

  line-height: 1.2;

}

.hike_movieDate {

  width: 224px;

  margin: 0 auto 32px;

}

.hike202602 .hike_movie .hike_movieInner {

  margin-bottom: 100px;

  background-color: #fff;

}

.hike202602 .hike_movieContWrap {

  display: flex;

  justify-content: space-between;

}

.hike202602 .hike_movieCont {

  width: 100%;

  max-width: 1000px;

  margin: 0 auto 4em;

  text-align: center;

}

.hike202602 .hike_movieCont .movieArea {

  position: relative;

  width: 100%;

  line-height: 1;

  padding-top: 56.25%;



}

.hike202602 .hike_movieCont .movieArea iframe {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.hike202602 .hike_movieCont .movieTitle {

  margin: 1em 0 0.8em;

  font-size: 24px;

  font-family: "Outfit", sans-serif;

  text-align: center;

  line-height: 1.2;

}

.hike202602 .hike_movieCont .movieText {

  font-size: 16px;

}

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

  .js-modal-video {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    padding-top: 56.25%;

    margin: 0 auto;

    z-index: 1;

  }

}

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

.hike202602 .hike_movie.hike_Ancher {

  position: relative;

    margin-top: -100px;

    padding-top: 100px;

}

.hike202602 .hike_movie {

  width: calc(692/750*100%);

  padding-bottom: 0;

}

.hike202602 .hike_movie .hike_movieTitle {

  margin: 0 auto 1.5em;

  font-size: calc(28/750*100vw);

  text-align: left;

}

.hike_movieDate {

  width: calc(216/750*100vw);

  margin: 0;

  position: absolute;

  right: 0;

  top: calc(-6/750*100vw);

}

.hike202602 .hike_movie .hike_movieInner {

  margin-bottom: 0;

  padding-bottom: 0;

}

.hike202602 .hike_movieContWrap {

  display: block;

}

.hike202602 .hike_movieCont {

  width: calc(680/750*100vw);

  margin: 0 auto 4em;

}

.hike202602 .hike_movieCont + .hike_movieCont {

  margin: calc(50/750*100vw) auto;

  padding: calc(50/750*100vw) 0 calc(50/750*100vw);

  border-top: #000 1px solid;

}

.hike202602 .hike_movieCont .movieTitle {

  margin-bottom: 0.6em;

  font-size: 15px;

}

.hike202602 .hike_movieCont .movieText {

  font-size: 10px;

}

.hike202602 .hike_movie .itemBtnArea {

  margin-bottom: 2em;

  padding-bottom: 0;

}

}







/* for visumo movie */

.visumomovieArea {

  margin-bottom: -1%;

}

.hacobune-app-container {

  padding: 0 !important;

  max-width: none !important;

  width: 100%;

}

.hacobune-unit-video-outline,

.hacobune-readmore {

  padding: 0 !important;

  max-width: none !important;

  width: 100%;

  display: none;

}

.hacobune-readmore {

  margin-bottom: 0 !important;

}

.hacobune-video-js.videojs-default-skin {

  background-color: #000 !important;

}

.visumomovieArea .vid_main {

  width: 100%;

}

@media all and (max-width: 767px) {

  .hacobune-app-container {

    width: 100% !important;

    margin: 0 auto;

    padding: 0 !important;

  }

  .hacobune-unit-video {

    margin: 0 !important;

  }

  .visumomovieArea .vid_main {

    height: 100%;

    object-fit: cover;

  }

}





.hike202602_itemNavi .hike202602_itemNaviInner {

  margin: 0 auto;

}

ul.itemNaviList {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  align-items: center;

}

ul.itemNaviList li {

  width: 33%;

  line-height: 1;

  border-left: #000 1px solid;

}

ul.itemNaviList li:last-of-type {

  border-right: #000 1px solid;

}

ul.itemNaviList li a {

  padding: 1em 0;

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  line-height: 1;

  display: block;

}

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

  ul.itemNaviList {

    width: calc(682/750*100vw);

    max-width: none;

  }

  ul.itemNaviList li a {

    font-size: calc(32/750*100vw);

  }

}





.hike202602_item .itemLeadArea {

  padding: 3.1em 0 3.4em;

  width: 100%;

  margin: 0 auto;

  display: flex;

  flex-direction: column;

  background: url(/img/usr/freepage/hike202602/img/bg_title-pc.png) no-repeat center center;

  background-size: cover;

}

.hike202602_item h3.itemLead {

  margin: 0 auto;

  padding: 0;

  text-align: center;

  font-size: 46px;

  font-weight: bold;

  line-height: 1;

}

.hike202602_item h3.itemLead .uLine {

  margin-right: 0.5em;

  font-size: 80%;

  position: relative;

  top: -0.15em;

}

.hike202602_item h3.itemLead .uLine:after {

  content: "";

  width: 100%;

  height: 1px;

  margin: 0 auto;

  background-color: #000;

  position: absolute;

  bottom: 0;

  left: 0;

  right: 0;

}

.hike202602_item .itemLeadText {

  margin-top: 0.6em;

  text-align: center;

  font-size: 36px;

  font-weight: 500;

  line-height: 1;

}

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

.hike202602_item .itemLeadArea {

  padding: 3.1em 1em 3.1em;

  background: url(/img/usr/freepage/hike202602/img/bg_title-sp.png) no-repeat center center;

  background-size: cover;

}

.hike202602_item h3.itemLead {

  font-size: calc(44/750*100vw);

}

.hike202602_item h3.itemLead .uLine {

  font-size: 80%;

}

.hike202602_item h3.itemLead .uLine:after {

}

.hike202602_item .itemLeadText {

  font-size: calc(30/750*100vw);

}

}



.hike202602 .itemImgAreaFlex {

  display: flex;

  position: relative;

}

.hike202602 .itemImgAreaFlex .itemImgArea {

  width: 50%;

  padding: 60px 0 160px;

  position: relative;

  display: flex;

}

.hike202602 .itemImgAreaFlex .itemImgArea.itemImgArea01 {

  justify-content: end;

}

.hike202602 .itemImgAreaFlex .itemImgArea.itemImgArea02 {



}

.hike202602 .itemImgAreaFlex .itemImgArea .itemImgAreaInner {

  width: 600px;

  text-align: center;

}

.hike202602 #hike202602_product_m01 .itemImgArea01 {

  background: url(/img/usr/freepage/hike202602/img/back_item01_01.png) no-repeat center center;

  background-size: cover;

}

.hike202602 #hike202602_product_m01 .itemImgArea02 {

  background: url(/img/usr/freepage/hike202602/img/back_item01_02.png) no-repeat center center;

  background-size: cover;

}

.hike202602 #hike202602_product_w01 .itemImgArea01 {

  background: url(/img/usr/freepage/hike202602/img/back_item02_01.png) no-repeat center center;

  background-size: cover;

}

.hike202602 #hike202602_product_w01 .itemImgArea02 {

  background: url(/img/usr/freepage/hike202602/img/back_item02_02.png) no-repeat center center;

  background-size: cover;

}

.hike202602 #hike202602_product_w02 .itemImgArea01 {

  background: url(/img/usr/freepage/hike202602/img/back_item03_01.png) no-repeat center center;

  background-size: cover;

}

.hike202602 #hike202602_product_w02 .itemImgArea02 {

  background: url(/img/usr/freepage/hike202602/img/back_item03_02.png) no-repeat center center;

  background-size: cover;

}

.hike202602 .itemImgAreaFlex .itemImgAreaLabel {

  margin: 0 auto;

  position: absolute;

  top: 50px;

  left: 0;

  right: 0;

  z-index: 1;

  text-align: center;

}

.hike202602 .itemImgAreaFlex .itemImgAreaItem .itemImgAreaLabel {

  position: relative;

  top: auto;

}

.hike202602 .itemImgArea .itemImgAreaIcon {

  width: 140px;

  position: absolute;

  top: 100px;

  right: 430px;

}

.hike202602 #hike202602_product_w02 .itemImgAreaFlex .itemImgAreaLabel {

  margin-bottom: 140px;

}

.hike202602 #hike202602_product_w01 .itemImgArea.itemImgArea01 .itemImgAreaIcon {

  right: 460px;

}

.hike202602 #hike202602_product_w01 .itemImgArea.itemImgArea02 .itemImgAreaIcon {

  right: auto;

  left: 430px;

}

.hike202602 #hike202602_product_w02 .itemImgArea.itemImgArea01 .itemImgAreaIcon {

  right: 460px;

}

.hike202602 #hike202602_product_w02 .itemImgArea.itemImgArea02 .itemImgAreaIcon {

  right: auto;

  left: 430px;

}

.hike202602 .itemImgAreaFlex .itemImgArea .itemImgAreaLinkArea {

  padding-bottom: 1em;

  border-bottom: #fff 1px solid;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.hike202602 .itemImgAreaFlex .itemImgArea .itemImgAreaLinkArea .itemImgAreaName p {

  color: #fff;

  font-size: 17px;

  font-weight: 500;

  line-height: 1.46;

  text-align: left;

}

.hike202602 .itemImgAreaFlex .itemImgArea .itemImgAreaLinkArea .itemImgAreaName p + p {

  margin-top: 0.4em;

}

.hike202602 .itemImgAreaFlex .itemImgArea .itemImgAreaLinkArea .itemImgAreaName p .tax {

  margin-left: 0.5em;

  font-size: 96%;

}

.hike202602 .itemImgArea .itemBtnArea a {

  width: 190px;

  padding: 0.8em 1em;

  font-size: 18px;

}

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

.hike202602 .itemImgAreaFlex .itemImgArea .itemImgAreaLinkArea {

  padding-top: 20px;

  padding-right: 2em;

}

.hike202602 .itemImgAreaFlex .itemImgArea.itemImgArea02 .itemImgAreaLinkArea {

  padding-right: 0;

  padding-left: 2em;

}

  .hike202602 #hike202602_product_m01 .itemImgArea01 .itemImgAreaItem {

    transform: translateX(30px);

    position: relative;

    z-index: 1;

  }

  .hike202602 #hike202602_product_m01 .itemImgArea02 .itemImgAreaItem {

    transform: translateX(-30px);

  }

  .hike202602 #hike202602_product_w01 .itemImgArea01 .itemImgAreaItem {

    transform: translateX(0);

  }

  .hike202602 #hike202602_product_w01 .itemImgAreaFlex .itemImgArea {

    padding: 60px 0 100px;

  }

  .hike202602 #hike202602_product_w02 .itemImgAreaItem {

    margin-bottom: 132px;

  }

  .hike202602 #hike202602_product_w02 .itemImgArea01 .itemImgAreaItem {

    transform: translateX(0);

  }

  .hike202602 #hike202602_product_w02 .itemImgAreaFlex .itemImgArea {

    padding: 60px 0 100px;

  }

}

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

.hike202602 .itemImgAreaFlex {

  flex-direction: column;

}

.hike202602 .itemImgAreaFlex .itemImgArea {

  width: 100%;

  padding: calc(20/750*100vw) 0 calc(50/750*100vw);

}

.hike202602 .itemImgAreaFlex .itemImgArea.itemImgArea01 {

  justify-content: center;

}

.hike202602 #hike202602_product_m01 .itemImgArea01 {

  background: url(/img/usr/freepage/hike202602/img/back_item01_01-sp.png) no-repeat center center;

  background-size: cover;

}

.hike202602 #hike202602_product_m01 .itemImgArea02 {

  background: url(/img/usr/freepage/hike202602/img/back_item01_02-sp.png) no-repeat center center;

  background-size: cover;

}

.hike202602 #hike202602_product_w01 .itemImgArea01 {

  background: url(/img/usr/freepage/hike202602/img/back_item02_01-sp.png) no-repeat center center;

  background-size: cover;

}

.hike202602 #hike202602_product_w01 .itemImgArea02 {

  background: url(/img/usr/freepage/hike202602/img/back_item02_02-sp.png) no-repeat center center;

  background-size: cover;

}

.hike202602 #hike202602_product_w02 .itemImgArea01 {

  background: url(/img/usr/freepage/hike202602/img/back_item03_01-sp.png) no-repeat center center;

  background-size: cover;

}

.hike202602 #hike202602_product_w02 .itemImgArea02 {

  background: url(/img/usr/freepage/hike202602/img/back_item03_02-sp.png) no-repeat center center;

  background-size: cover;

}

.hike202602 .itemImgAreaFlex .itemImgArea .itemImgAreaInner {

  width: 100%;

}

.hike202602 .itemImgAreaFlex .itemImgArea .itemImgAreaInner .itemImgAreaItem {

  width: 60%;

  margin: 0 auto;

}

.hike202602 #hike202602_product_w01 .itemImgAreaFlex .itemImgArea .itemImgAreaInner .itemImgAreaItem {

  margin-right: 15%;

}

.hike202602 .itemImgAreaFlex .itemImgAreaItem .itemImgAreaLabel {

  width: calc(21/750*100vw);

  margin: 0;

  position: absolute;

  top: calc(54/750*100vw);

  left: inherit;

  right: calc(54/750*100vw);

}

.hike202602 .itemImgArea .itemImgAreaIcon {

  width: calc(168/750*100vw);

  position: absolute;

  top: calc(74/750*100vw);

  right: auto;

  left: calc(62/750*100vw);

}

.hike202602 #hike202602_product_w01 .itemImgArea.itemImgArea01 .itemImgAreaIcon {

  top: calc(74/750*100vw);

  right: auto;

  left: calc(62/750*100vw);

}

.hike202602 #hike202602_product_w01 .itemImgArea.itemImgArea02 .itemImgAreaIcon {

  top: calc(74/750*100vw);

  left: calc(62/750*100vw);

}

.hike202602 #hike202602_product_w02 .itemImgArea.itemImgArea01 .itemImgAreaIcon {

  top: calc(74/750*100vw);

  right: auto;

  left: calc(62/750*100vw);

}

.hike202602 #hike202602_product_w02 .itemImgArea.itemImgArea02 .itemImgAreaIcon {

  top: calc(74/750*100vw);

  left: calc(62/750*100vw);

}

.hike202602 #hike202602_product_w02 .itemImgAreaFlex .itemImgAreaItem {

  margin-top: calc(174/750*100vw);

  margin-bottom: calc(32/750*100vw);

}

.hike202602 .itemImgAreaFlex .itemImgArea .itemImgAreaLinkArea {

  padding-bottom: 0;

  border-bottom: none;

  flex-direction: column;

  align-items: center;

  justify-content: baseline;

  gap: calc(24/750*100vw) 0;

}

.hike202602 .itemImgAreaFlex .itemImgArea .itemImgAreaLinkArea .itemImgAreaName p {

  font-size: calc(23/750*100vw);

  text-align: center;

}

.hike202602 .itemImgArea .itemBtnArea a {

  width: calc(260/750*100vw);

  font-size: calc(24/750*100vw);

}

}





.hike202602 .itemTechArea {

  position: relative;

  background-color: #dae2e8;

}

.hike202602 .itemTechArea .itemTechTitle {

  width: 20px;

  height: 132px;

  margin: auto;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  transform: translateX(-610px);

}

.hike202602 .itemTechArea .itemTechTitle span {

  position: relative;

}

.hike202602 .itemTechArea .itemTechTitle:before {

  content: "";

  width: 50vw;

  height: 2px;

  margin: auto;

  display: block;

  background-color: #6d7174;

  position: absolute;

  left: calc(-50vw - 0.5em);

  top: 0;

  bottom: 0;

}

.hike202602 .itemTechArea .techList {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 0 60px;

}

.hike202602 .itemTechArea .techList .techCont {

  width: 340px;

  height: 280px;

}

.hike202602 #hike202602_product_w01 .itemTechArea .techList .techCont {

  width: 650px;

}

.hike202602 .itemTechArea .techList .techCont .techIcon {

  margin: 10px auto 0;

  height: 130px;

  display: flex;

  justify-content: center;

  align-items: center;

}

.hike202602 .itemTechArea .techList .techCont .techIcon.techIce {

  width: 82px;

}

.hike202602 .itemTechArea .techList .techCont .techIcon.techDry {

  width: 44px;

}

.hike202602 .itemTechArea .techList .techCont .techIcon.techOmni {

  width: 212px;

}

.hike202602 .itemTechArea .techList .techCont .techIcon.techGrip {

  width: 82px;

}

.hike202602 .itemTechArea .techList .techCont .techText {

  padding-top: 0.8em;

  font-size: 20px;

  font-weight: 500;

  border-top: #6d7174 2px solid;

  text-align: center;

  line-height: 1.32;

  letter-spacing: -0.04em;

  white-space: nowrap;

}

.hike202602 #hike202602_product_w01 .itemTechArea .techList .techCont .techText {

  padding-top: 1.5em;

}

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

.hike202602 .itemTechArea .itemTechTitle {

  width: calc(22/750*100vw);

  height: auto;

  left: calc(32/750*100vw);

  right: inherit;

  top: calc(32/750*100vw);

  transform: translateX(0);

}

.hike202602 .itemTechArea .itemTechTitle:before {

  content: none;

}

.hike202602 .itemTechArea .techList {

  padding-bottom: calc(48/750*100vw);

  flex-direction: column;

  gap: 0 0;

}

.hike202602 .itemTechArea .techList .techCont {

  width: calc(570/750*100vw);

  height: auto;

  margin: 0 auto;

  padding-bottom: 0;

}

.hike202602 #hike202602_product_w01 .itemTechArea .techList .techCont {

  width: calc(570/750*100vw);

}

.hike202602 .itemTechArea .techList .techCont .techIcon {

  margin: calc(60/750*100vw) auto calc(32/750*100vw);

  height: auto;

}

.hike202602 .itemTechArea .techList .techCont .techIcon.techIce {

  width: calc(94/750*100vw);

}

.hike202602 .itemTechArea .techList .techCont .techIcon.techDry {

  width: calc(54/750*100vw);

}

.hike202602 .itemTechArea .techList .techCont .techIcon.techOmni {

  width: calc(242/750*100vw);

}

.hike202602 .itemTechArea .techList .techCont .techIcon.techGrip {

  width: calc(100/750*100vw);

}

.hike202602 .itemTechArea .techList .techCont .techText {

  font-size: calc(24/750*100vw);

  font-weight: 500;

  border-top: #000 1px solid;

}

.hike202602 #hike202602_product_w01 .itemTechArea .techList .techCont .techText {

  padding-top: 1.5em;

}

}





.hike202602 #hike202602_product_o01 .hike202602_itemInner {

  padding-bottom: 1px;

  background-color: #d3dee5;

}

.hike202602 .subItemList.otherList {

  max-width: 1400px;

  margin: 0 auto 1.4em;

  display: flex;

}

.hike202602 ul.subItemList.otherList li {

  width: 25%;

  margin: 0;

}

.hike202602 .subItemList.otherList .itemPanel {

  text-align: center;

  position: relative;

}

.hike202602 .subItemList.otherList .itemPanel .itemPanelImg {

  padding: 0;

  height: auto;

}

.hike202602 .subItemList.otherList .itemPanel .itemBtnArea a {

  width: 190px;

  padding: 0.8em 1em;

  font-size: 18px;

}

  .hike202602 .subItemList.otherList .itemPanel .itemNameEn {

    height: 3.6em;

    padding: 0.8em 0;

    font-size: 24px;

    font-weight: bold;

    line-height: 1;

    white-space: nowrap;

  }

  .hike202602 .subItemList.otherList .itemPanel .itemNameJpn {

    padding: 1em 0 0.4em;

    font-size: 17px;

    font-weight: 500;

    line-height: 1;

    letter-spacing: -0.08em;

  }

  .hike202602 .subItemList.otherList .itemPanel .itemPrice .itemNum {

    font-size: 17px;

    font-weight: 500;

  }

  .hike202602 .subItemList.otherList .itemPanel .itemPrice .itemPriceNum {

    font-size: 17px;

    font-weight: 500;

  }

  .hike202602 .subItemList.otherList .itemPanel .itemPrice .tax {

    font-size: 16px;

    font-weight: 500;

  }

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

.hike202602 .otherContAreaInner {

  padding: 60px 0 40px;

  border-top: #000 1px solid;

}

.hike202602 .subItemList.otherList .itemPanel .itemPanelSex {

  margin-bottom: 0;

}

.hike202602 .subItemList.otherList .itemPanel .itemPanelImg {

  min-height: 360px;

  display: flex;

  align-items: flex-end;

  justify-content: center;

}

.hike202602 .subItemList.otherList .itemPanel .itemPanelImg img {

  max-width: 280px;

}

}

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

  .hike202602 .otherContArea {

    padding: 0;

    background: url(/img/usr/freepage/hike202602/img/bg_other-sp.jpg) no-repeat center center;

    background-size: cover;

    border-top: #000 1px solid;

  }

  .hike202602 .subItemList.otherList {

    max-width: none;

    width: calc(710/750*100vw);

    margin: 0 auto 2em;

    flex-direction: column;

  }

  .hike202602 ul.subItemList.otherList li {

    width: 100%;

    margin: 0;

    padding: calc(10/750*100vw) 0 calc(40/750*100vw);

    border-bottom: #000 1px solid;

  }

  .hike202602 .subItemList.otherList .itemPanel {

    padding: calc(40/750*100vw) 0 0;

  }

  .hike202602 .subItemList.otherList .itemPanel .itemPanelSex {

    width: calc(21/750*100vw);

    position: absolute;

    right: calc(56/750*100vw);

    top: calc(40/750*100vw);

  }

  .hike202602 .subItemList.otherList .itemPanel .itemPanelImg {

    width: calc(410/710*100%);

    height: auto;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .hike202602 .subItemList.otherList .itemPanel .itemBtnArea a {

    width: 140px;

    font-size: calc(23/750*100vw);

  }

  .hike202602 .subItemList.otherList .itemPanel .itemNameEn {

    padding-top: 0;

    padding-bottom: 1.2em;

    height: auto;

    font-size: calc(26 / 750* 100vw);

  }

  .hike202602 .subItemList.otherList .itemPanel .itemNameJpn {

    font-size: calc(23/750*100vw);

  }

  .hike202602 .subItemList.otherList .itemPanel .itemPrice .itemNum {

    font-size: calc(22 / 750* 100vw);

  }

  .hike202602 .subItemList.otherList .itemPanel .itemPrice .itemPriceNum {

    font-size: calc(22 / 750* 100vw);

  }

  .hike202602 .subItemList.otherList .itemPanel .itemPrice .tax {

    font-size: calc(22 / 750* 100vw);

  }

  .hike202602 .subItemList.otherList li .itemPanel .itemPanelImg {

    margin-top: calc(-40/750*100vw);

    margin-bottom: calc(-60/750*100vw);

  }

  .hike202602 ul.subItemList.otherList li.otherListItem05 .itemPanelImg,

  .hike202602 ul.subItemList.otherList li.otherListItem06 .itemPanelImg {

    margin-top: calc(-20/750*100vw);

    margin-bottom: calc(-30/750*100vw);

  }

}



/* item Catch Area */

.itemCatchArea {

  width: 100%;

  max-width: 1920px;

  margin: 0 auto;

  position: relative;

}

.itemCatchArea .itemCatch {

  position: absolute;

}

.itemCatchArea .itemCatchUnit {

  position: relative;

}

.itemCatchArea .itemCatchCover {

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 1;

  display: block;

  transition: all 1.6s cubic-bezier(0.22, 1, 0.36, 1);

  background-color: #fff;

}

.itemCatchArea .animated .itemCatchCover {

  height: 0;

  top: -1px;

}



.itemCatchArea.itemCatchArea01 {

  height: 1970px;

}

.itemCatchArea.itemCatchArea01 .itemCatch.itemCatch01 {

  width: 620px;

  left: 130px;

  top: 120px

}

.itemCatchArea.itemCatchArea01 .itemCatch.itemCatch02 {

  width: 494px;

  left: 960px;

  top: 120px

}

.itemCatchArea.itemCatchArea01 .itemCatch.itemCatch03 {

  width: 750px;

  left: 1170px;

  top: 540px

}

.itemCatchArea.itemCatchArea01 .itemCatch.itemCatch04 {

  width: 860px;

  left: 0;

  top: 1000px

}

.itemCatchArea.itemCatchArea01 .itemCatch.itemCatch05 {

  width: 620px;

  left: 136px;

  top: 1420px

}

.itemCatchArea.itemCatchArea01 .itemCatch.itemCatch06 {

  width: 524px;

  left: 1094px;

  top: 1154px

}

.itemCatchArea.itemCatchArea02 {

  height: 2270px;

}

.itemCatchArea.itemCatchArea02 .itemCatch.itemCatch01 {

  width: 590px;

  left: 100px;

  top: 120px

}

.itemCatchArea.itemCatchArea02 .itemCatch.itemCatch02 {

  width: 960px;

  left: 960px;

  top: 320px

}

.itemCatchArea.itemCatchArea02 .itemCatch.itemCatch03 {

  width: 685px;

  left: 336px;

  top: 1074px

}

.itemCatchArea.itemCatchArea02 .itemCatch.itemCatch04 {

  width: 524px;

  left: 1180px;

  top: 900px

}

.itemCatchArea.itemCatchArea02 .itemCatch.itemCatch05 {

  width: 946px;

  left: 0;

  top: 1650px

}

.itemCatchArea.itemCatchArea02 .itemCatch.itemCatch06 {

  width: 500px;

  left: 1420px;

  top: 1775px

}

.itemCatchArea.itemCatchArea03 {

  height: 2290px;

}

.itemCatchArea.itemCatchArea03 .itemCatch.itemCatch01 {

  width: 1010px;

  left: 0;

  top: 120px

}

.itemCatchArea.itemCatchArea03 .itemCatch.itemCatch02 {

  width: 780px;

  left: 1140px;

  top: 520px

}

.itemCatchArea.itemCatchArea03 .itemCatch.itemCatch03 {

  width: 700px;

  left: 0;

  top: 805px

}

.itemCatchArea.itemCatchArea03 .itemCatch.itemCatch04 {

  width: 840px;

  left: 90px;

  top: 1390px

}

.itemCatchArea.itemCatchArea03 .itemCatch.itemCatch05 {

  width: 900px;

  left: 1020px;

  top: 1175px

}

.itemCatchArea.itemCatchArea03 .itemCatch.itemCatch06 {

  width: 640px;

  left: 1150px;

  top: 1730px

}

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

.itemCatchArea.itemCatchArea01 {

  height: calc(1660/750*100vw);

}

.itemCatchArea.itemCatchArea01 .itemCatch.itemCatch01 {

  width: calc(400/750*100vw);

  left: calc(0/750*100vw);

  top: calc(80/750*100vw)

}

.itemCatchArea.itemCatchArea01 .itemCatch.itemCatch02 {

  width: calc(300/750*100vw);

  left: calc(450/750*100vw);

  top: calc(140/750*100vw)

}

.itemCatchArea.itemCatchArea01 .itemCatch.itemCatch03 {

  width: calc(300/750*100vw);

  left: calc(450/750*100vw);

  top: calc(420/750*100vw)

}

.itemCatchArea.itemCatchArea01 .itemCatch.itemCatch04 {

  width: calc(670/750*100vw);

  left: calc(0/750*100vw);

  top: calc(716/750*100vw)

}

.itemCatchArea.itemCatchArea01 .itemCatch.itemCatch05 {

  width: calc(300/750*100vw);

  left: calc(0/750*100vw);

  top: calc(1210/750*100vw)

}

.itemCatchArea.itemCatchArea01 .itemCatch.itemCatch06 {

  width: calc(400/750*100vw);

  left: calc(350/750*100vw);

  top: calc(1060/750*100vw)

}

.itemCatchArea.itemCatchArea02 {

  height: calc(1730/750*100vw);

}

.itemCatchArea.itemCatchArea02 .itemCatch.itemCatch01 {

  width: calc(376/750*100vw);

  left: calc(80/750*100vw);

  top: calc(80/750*100vw)

}

.itemCatchArea.itemCatchArea02 .itemCatch.itemCatch02 {

  width: calc(354/750*100vw);

  left: auto;

  right: 0;

  top: calc(646/750*100vw)

}

.itemCatchArea.itemCatchArea02 .itemCatch.itemCatch03 {

  width: calc(345/750*100vw);

  left: calc(0/750*100vw);

  top: calc(800/750*100vw)

}

.itemCatchArea.itemCatchArea02 .itemCatch.itemCatch04 {

  width: calc(286/750*100vw);

  left: auto;

  right: 0;

  top: calc(926/750*100vw)

}

.itemCatchArea.itemCatchArea02 .itemCatch.itemCatch05 {

  width: calc(286/750*100vw);

  left: calc(40/750*100vw);

  top: calc(1155/750*100vw)

}

.itemCatchArea.itemCatchArea02 .itemCatch.itemCatch06 {

  width: calc(320/750*100vw);

  left: calc(364/750*100vw);

  top: calc(1412/750*100vw)

}

.itemCatchArea.itemCatchArea03 {

  height: calc(1570/750*100vw);

}

.itemCatchArea.itemCatchArea03 .itemCatch.itemCatch01 {

  width: calc(500/750*100vw);

  left: calc(80/750*100vw);

  top: calc(100/750*100vw)

}

.itemCatchArea.itemCatchArea03 .itemCatch.itemCatch02 {

  width: calc(376/750*100vw);

  left: calc(374/750*100vw);

  top: calc(444/750*100vw)

}

.itemCatchArea.itemCatchArea03 .itemCatch.itemCatch03 {

  width: calc(350/750*100vw);

  left: calc(0/750*100vw);

  top: calc(540/750*100vw)

}

.itemCatchArea.itemCatchArea03 .itemCatch.itemCatch04 {

  width: calc(420/750*100vw);

  left: calc(310/750*100vw);

  top: calc(1205/750*100vw)

}

.itemCatchArea.itemCatchArea03 .itemCatch.itemCatch05 {

  width: calc(560/750*100vw);

  left: calc(195/750*100vw);

  top: calc(835/750*100vw)

}

.itemCatchArea.itemCatchArea03 .itemCatch.itemCatch06 {

  width: calc(280/750*100vw);

  left: calc(0/750*100vw);

  top: calc(1155/750*100vw)

}

}





.hike202602 .hike202602_gearInner {

  padding: 80px 0;

  background-color: #000;

}

.hike202602 .hike202602_gear .leadL {

  color: #fff;

  border-bottom: #fff 1px solid;

}

.hike202602 .gearIntroFlex {

  width: 100%;

  max-width: 1280px;

  margin: 120px auto 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

  border: #fff 1px solid;

}

.hike202602 .gearIntroFlex .gearIntroTextArea {

  width: calc(540/1280*100%);

  padding-left: 60px;

}

.hike202602 .gearIntroFlex .gearIntroTextArea .gearIntroLead {

  margin-bottom: 0.4em;

  color: #fff;

  font-size: 36px;

  font-weight: bold;

  line-height: 1.2;

}

.hike202602 .gearIntroFlex .gearIntroTextArea .gearIntroText {

  color: #fff;

  font-size: 22px;

  font-weight: 400;

  line-height: 1.46;

}

.hike202602 .gearIntroGuideArea {

  width: calc(740/1280*100%);

  padding: 0 0 0 60px;

  border-left: #fff 1px solid;

}

.hike202602 .gearIntroGuideArea .guideBox {

  display: flex;

  justify-content: space-between;

  flex-direction: row-reverse;

  align-items: center;

}

.hike202602 .gearIntroGuideArea .guideBox .guideImg {

  width: 280px;

}

.hike202602 .gearIntroGuideArea .guideBox .guideText {

  width: 330px;

  line-height: 1.46;

  font-weight: 400;

  color: #fff;

}

.hike202602 .gearIntroGuideArea .guideBox .guideText .guideLabel {

  font-size: 20px;

  line-height: 1;

  color: #fff;

}

.hike202602 .gearIntroGuideArea .guideBox .guideText .guideName {

  margin-bottom: 0.4em;

  font-size: 23px;

  color: #fff;

}

.hike202602 .gearIntroGuideArea .guideBox .guideText .guideName .work {

  margin-right: 1.5em;

}

.hike202602 .gearIntroGuideArea .guideBox .guideText .guideText {

  font-size: 18px;

}

.hike202602 .gearLinkArea {

  width: 100%;

  max-width: 1280px;

  margin: 0 auto 110px;

}

.hike202602 .gearLinkArea ul.gearLinkList {

  display: flex;

  border: #fff 1px solid;

  border-top: none;

  border-right: none;

}

.hike202602 .gearLinkArea ul.gearLinkList li {

  width: 33.33%;

  border-right: #fff 1px solid;

}

.hike202602 .gearLinkArea ul.gearLinkList li a {

  position: relative;

  z-index: 1;

  display: block;

  margin: 0 auto;

  padding: 0.8em 1.2em;

  font-size: 26px;

  font-weight: 500;

  color: #fff;

  position: relative;

  background-color: #000;

  display: block;

  transition: all ease .3s;

}

.hike202602 .gearLinkArea ul.gearLinkList li a:before {

    content: "";

    width: 1px;

    height: 1em;

    margin: auto;

    display: block;

    background-color: #fff;

    position: absolute;

    right: 1.5em;

    top: 0;

    bottom: 0;

}

.hike202602 .gearLinkArea ul.gearLinkList li a:after {

    content: "";

    width: 0.8em;

    height: 0.8em;

    margin: auto;

    display: block;

    border-top: #fff 1px solid;

    border-right: #fff 1px solid;

    position: absolute;

    right: 1.1em;

    top: 0;

    bottom: 0;

    transform: rotate(135deg);

}

@media (hover: hover) {

  .hike202602 .gearLinkArea ul.gearLinkList li a:hover {

    background-color: #0055ff;

    opacity: 1;

  }

}

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

.hike202602 .hike202602_gearInner {

  padding: calc(72/750*100vw) 0;

}

.hike202602 .hike202602_gear .leadL {

  color: #fff;

  border-bottom: #fff 1px solid;

}

.hike202602 .gearIntroFlex {

  width: calc(680/750*100vw);

  margin: 0 auto;

  flex-direction: column;

  gap: calc(50/750*100vw) 0;

  border: none;

}

.hike202602 .gearIntroFlex .gearIntroTextArea {

  width: 100%;

  margin-top: calc(60/750*100vw);

  padding-left: 0;

}

.hike202602 .gearIntroFlex .gearIntroTextArea .gearIntroLead {

  font-size: calc(42/750*100vw);

  text-align: center;

}

.hike202602 .gearIntroFlex .gearIntroTextArea .gearIntroText {

  font-size: calc(26/750*100vw);

  text-align: center;

}

.hike202602 .gearIntroGuideArea {

  width: 100%;

  padding: calc(30/750*100vw);

  border: #fff 1px solid;

}

.hike202602 .gearIntroGuideArea .guideBox {

  flex-direction: row;

  justify-content: space-between;

  gap: 0 calc(30/750*100vw);

}

.hike202602 .gearIntroGuideArea .guideBox .guideImg {

  width: calc(184/750*100vw);

}

.hike202602 .gearIntroGuideArea .guideBox .guideText {

  width: calc(400/750*100vw);

}

.hike202602 .gearIntroGuideArea .guideBox .guideText .guideLabel {

  font-size: calc(21/750*100vw);

}

.hike202602 .gearIntroGuideArea .guideBox .guideText .guideName {

  font-size: calc(28/750*100vw);

}

.hike202602 .gearIntroGuideArea .guideBox .guideText .guideText {

  font-size: calc(23/750*100vw);

  letter-spacing: -0.04em;

}

.hike202602 .gearLinkArea {

  width: calc(680/750*100vw);

  margin: 0 auto calc(60/750*100vw);

}

.hike202602 .gearLinkArea ul.gearLinkList {

  display: flex;

  flex-direction: column;

  border: #fff 1px solid;

  border-top: none;

}

.hike202602 .gearLinkArea ul.gearLinkList li {

  width: 100%;

  border-right: none;

  border-bottom: #fff 1px solid;

}

.hike202602 .gearLinkArea ul.gearLinkList li:last-of-type {

  border-bottom: none;

}

.hike202602 .gearLinkArea ul.gearLinkList li a {

  font-size: calc(28/750*100vw);

}

}



.hike202602 .gearListArea {

  width: 100%;

  max-width: 1280px;

  margin: 120px auto 0;

}

.hike202602 .gearListArea ul.gearList li {

  margin-bottom: 100px;

}

.hike202602 .gearListArea ul.gearList li:last-of-type {

  margin-bottom: 0;

}

.hike202602 .gearListArea .gearAreaFlex {

  display: flex;

  align-items: start;

  border: #fff 1px solid;

}

.hike202602 .gearListArea .gearCont {

  width: calc(480/1280*100%);

  color: #fff;

}

.hike202602 .gearListArea .gearImg  {

  width: calc(800/1280*100%);

}

.hike202602 .gearListArea .gearLead {

  padding: 1em  0 1em 60px;

  font-size: 40px;

  font-weight: 500;

  border-bottom:  #fff 1px solid;

}

.hike202602 .gearListArea .gearPoint {

  padding: 2.6em 50px 1em 60px;

}

.hike202602 .gearListArea .gearPoint .gearPointSlead {

  margin-bottom: 1em;

  font-size: 24px;

  display: block;

  letter-spacing: -0.08em;

}

.hike202602 .gearListArea .gearPoint .gearPointlead {

  padding-bottom: 30px;

  margin-bottom: 60px;

  width: 100%;

  display: block;

  border-bottom: #fff 1px solid;

}

.hike202602 .gearListArea .gearPoint .gearPointlead img {

  width: 320px;

}

.hike202602 .gearListArea .gearPoint p.gearPointText {

  color: #fff;

  font-size: 20px;

  font-weight: 400;

}

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

.hike202602 .gearListArea {

  width: calc(680/750*100vw);

  margin: 0 auto 0;

}

.hike202602 .gearListArea ul.gearList li {

  margin-bottom: calc(60/750*100vw);

}

.hike202602 .gearListArea .gearAreaFlex {

  flex-direction: column;

}

.hike202602 .gearListArea .gearCont {

  width: 100%;

}

.hike202602 .gearListArea .gearImg  {

  width: 100%;

}

.hike202602 .gearListArea .gearLead {

  padding: 1em 0;

  font-size: calc(46/750*100vw);

  border: none;

  text-align: center;

}

.hike202602 .gearListArea .gearPoint {

  padding: calc(36/750*100vw) calc(30/750*100vw) calc(36/750*100vw) calc(24/750*100vw);

}

.hike202602 .gearListArea .gearPoint .gearPointSlead {

  margin-bottom: 0.6em;

  font-size: calc(29/750*100vw);

  text-align: center;

}

.hike202602 .gearListArea .gearPoint .gearPointlead {

  padding-bottom: calc(48/750*100vw);

  margin: 0 auto calc(32/750*100vw);

  text-align: center;

}

.hike202602 .gearListArea .gearPoint .gearPointlead img {

  width: calc(420/750*100vw);

}

.hike202602 .gearListArea .gearPoint p.gearPointText {

  font-size: calc(25/750*100vw);

}

}





.hike202602 .hike202602_layeringInner {

  padding: 120px 0 100px;

  background-color: #ebebeb;

}

.hike202602 .hike202602_layering .layeringContArea {

  width: 100%;

  min-height: 482px;

  max-width: 1280px;

  margin: 120px auto 0;

  padding-right: 730px;

  padding-left: 60px;

  position: relative;

  border: #000 1px solid;

}

.hike202602 .hike202602_layering .layeringContArea .generalImg {

  position: absolute;

  top: 0;

  right: 0;

  border-left: #000 1px solid;

}

.hike202602 .hike202602_layering .layeringContArea .generalLead {

  margin-top: 1.3em;

  margin-bottom: 0.2em;

  font-size: 38px;

}

.hike202602 .hike202602_layering .layeringContArea .generalsLead {

  margin-bottom: 0.4em;

  font-size: 30px;

  font-weight: bold;

  line-height: 1.32;

}

.hike202602 .hike202602_layering .layeringContArea .generalText {

  margin-bottom: 2em;

}

.hike202602 .hike202602_layering .layeringContArea .itemBtnArea a {

  margin: 0;

  padding: 0.6em 0.5em;

  font-size: 20px;

}

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

  .hike202602 .hike202602_layeringInner {

    padding: calc(80/750*100vw) 0 calc(20/750*100vw);

  }

  .hike202602 .hike202602_layering .layeringContArea {

    width: calc(680/750*100vw);

    min-height: inherit;

    max-width: none;

    margin-top: calc(60/750*100vw);

    padding: 0;

  }

  .hike202602 .hike202602_layering .layeringContArea .generalImg {

    position: relative;

    border-left: none;

  }

  .hike202602 .hike202602_layering .layeringContArea .generalLead {

    margin-top: 0.6em;

    margin-bottom: 0.2em;

    text-align: center;

    font-size: calc(48/750*100vw);

  }

  .hike202602 .hike202602_layering .layeringContArea .generalsLead {

    margin-bottom: 0.2em;

    text-align: center;

    font-size: calc(34/750*100vw);

    letter-spacing: -0.08em;

  }

  .hike202602 .hike202602_layering .layeringContArea .generalText {

    width: 100%;

    padding-bottom: 0;

    margin: 0 auto;

    text-align: center;

    font-size: calc(26/750*100vw);

  }

  .hike202602 .hike202602_layering .layeringContArea .itemBtnArea {

    margin: calc(30/750*100vw) auto 0;

    padding-bottom: calc(50/750*100vw);

  }

  .hike202602 .hike202602_layering .layeringContArea .itemBtnArea a {

    margin: 0 auto;

    font-size: calc(24/750*100vw);

    letter-spacing: -0.04em;

  }

}





.hike202602 .hike202602_featureInner {

  padding: 80px 0;

  background-color: #ebebeb;

}

.hike202602 .featureContArea {

  width: 100%;

  max-width: 1200px;

  margin: 0 auto 60px;

  padding-bottom: 80px;

  border-bottom: #000 1px solid;

}

.hike202602 .featureContArea:last-of-type {

  margin: 0 auto;

  padding-bottom: 0;

  border-bottom: none;

}

.hike202602 .featureContArea .featureSubLead {

  margin: 60px 0 50px;

  height: 116px;

  display: flex;

  align-items: center;

}

.hike202602 .featureContArea .featureSubLead .generalLead {

  width: 410px;

}

.hike202602 .featureContArea .featureSubLead .generalLeadL {

  width: calc(100% - 410px);

  padding-left: 1.2em;

  border-left: #000 1px solid;

  line-height: 1.2;

}

.hike202602 .featureContArea .generalLeadS {

  margin-top: 1em;

  text-align: center;

}

.hike202602 .featureContArea .generalText {

  margin-bottom: 2em;

}

.hike202602 .featureContArea .generalText + .generalImg {

  margin-top: 2.5em;

}

.hike202602 .hike202602_feature .featureContArea .generalText + .generalImg img {

  border: #000 1px solid;

}

.hike202602 .featureContArea .itemBtnArea {

  margin-top: 2em;

}

.hike202602 .featureContArea .generalImg + .itemBtnArea {

  margin-top: 3em;

}

.hike202602 .featureContArea .itemBtnArea a {

  font-size: 20px;

}

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

  .hike202602 .hike202602_featureInner {

    padding: calc(80/750*100vw) 0 calc(90/750*100vw);

  }

  .hike202602 .featureContArea {

    width: calc(680/750*100vw);

    max-width: none;

    margin: 0 auto calc(50/750*100vw);

    padding-bottom: calc(60/750*100vw);

  }

  .hike202602 .featureContArea .featureSubLead {

    margin-top: calc(40/750*100vw);

    margin-bottom: calc(50/750*100vw);

    height: auto;

    display: block;

  }

  .hike202602 .featureContArea .featureSubLead .generalLead {

    width: 100%;

    text-align: center;

    font-size: calc(48/750*100vw);

  }

  .hike202602 .featureContArea .featureSubLead .generalLeadL {

    width: 100%;

    text-align: center;

    padding-left: 0;

    border-left: none;

    font-size: calc(32/750*100vw);

  }

  .hike202602 .featureContArea .generalText {

    margin-bottom: 1em;

    letter-spacing: -0.04em;

  }

  .hike202602 .featureContArea .generalText + .generalImg {

    margin-top: 2em;

  }

  .hike202602 .featureContArea .itemBtnArea {

    margin-top: 1.5em;

  }

  .hike202602 .featureContArea .generalImg + .itemBtnArea {

    margin-top: 2em;

  }

  .hike202602 .featureContArea .itemBtnArea a {

    font-size: calc(24/750*100vw);

  }

}







.hike202602 .btmArea {

  padding-top: 80px;

  padding-bottom: 80px;

  text-align: center;

  background-color: #fff;

}

.hike202602 ul.btmLinkList {

  width: 100%;

  max-width: 1000px;

  margin: 0 auto 60px;

  display: flex;

  justify-content: center;

}

.hike202602 ul.btmLinkList li {

  width: 33%;

  border-right: #000 1px solid;

}

.hike202602 ul.btmLinkList li:last-of-type {

  border-right: none;

}

.hike202602 .btmArea a {

  padding: 0.6em 0;

  display: inline-block;

}

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

.hike202602 .btmArea a:hover {

  color: inherit;

  background-color: inherit;

  transition: all ease .3s;

  opacity: .6;

}

}

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

.hike202602 .btmArea {

  margin: 0 auto 40px;

  padding-top: calc(60/750*100vw);

  padding-bottom: calc(45/750*100vw);

  width: calc(682/750*100vw);

}

.hike202602 ul.btmLinkList {

  margin-bottom: calc(50/750*100vw);

}

.hike202602 ul.btmLinkList li.hikeBnr img {

  width: calc(122/750*100vw);

}

.hike202602 ul.btmLinkList li.schoolBnr img {

  width: calc(134/750*100vw);

}

.hike202602 ul.btmLinkList li.layeringBnr img {

  width: calc(176/750*100vw);

}

.hike202602 .columbiaBnr img {

  width: calc(192/750*100vw);

}

}





/* slider */

.hike202602 .slick-slider .slick-arrow {

  opacity: 1;

  transition: opacity ease .3s;

  z-index: 1;

  position: absolute;

}

.hike202602 .slick-slider .slick-arrow.slick-disabled {

  opacity: 0;

  pointer-events: none;

}

.hike202602 .slider {

  margin: 0 auto;

}

.hike202602 .slick-slide img{

  margin: 0 auto;

}

@media (hover: hover) {

.hike202602 .slick-slider .slick-arrow:hover {

  opacity: 0.5;

  cursor: pointer;

}

}

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

.hike202602 .slick-slider .slick-arrow.prev-arrow {

  width: 52px;

  left: -36px;

  top: 50%;

  transform: translateY(-50%);

}

.hike202602 .slick-slider .slick-arrow.next-arrow {

  width: 52px;

  left: auto;

  right: -36px;

  top: 50%;

  transform: translateY(-50%);

}

}

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

.hike202602 .slick-slider .slick-arrow.prev-arrow {

  width: 32px;

  left: -14px;

  top: 50%;

  transform: translateY(-50%);

}

.hike202602 .slick-slider .slick-arrow.next-arrow {

  width: 32px;

  right: -14px;

  top: 50%;

  transform: translateY(-50%);

}

}





/* modal */

.itemModal {

  width: 100%;

  max-width: 460px;

  margin: 0 auto;

  background-color: #fff;

  border: #9f9f9f 1px solid;

  padding: 2em 0;

  position: relative;

  color: #000;

  text-align: center;

}

.itemModal .itemModalIcon {

  width: 172px;

  margin: 0 auto 20px;

}

.itemModal .itemModalTitle {

  width: 90%;

  margin: 0 auto 0.3em;

  padding-bottom: 0.3em;

  font-size: 33px;

  font-weight: bold;

  line-height: 1.32;

  border-bottom: #000 1px solid;

}

.itemModal .itemModalTitle .small {

  font-size: 24px;

  display: block;

}

.itemModalText {

  font-size: 22px;

}

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

.itemModal {

  width: calc(464/750*100vw);

  margin: 0 auto;

}

.itemModal .itemModalTitle {

  font-size: calc(32/750*100vw);

}

.itemModal .itemModalTitle .small {

  font-size: calc(24/750*100vw);

}

.itemModal .itemModalText {

  font-size: calc(23/750*100vw);

}

.itemModal .itemModalIcon {

  margin-bottom: 1em;

}

.itemModal .itemModalIcon img {

  width: 50%;

}

.itemModalImg img {

  width: 50%;

}

}