@charset "utf-8";

/* CSS Document */





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

 フォント

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

@font-face {

  font-family: "HardwearDisplay";

  src: url("../font/HardwearDisplay-Light.otf") format("opentype");

  font-weight: 300;

}



@font-face {

  font-family: "HardwearDisplay";

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

  font-weight: 500;

}



@font-face {

  font-family: "HardwearDisplay";

  src: url("../font/HardwearDisplay-SemiBold.otf") format("opentype");

  font-weight: 600;

}



@font-face {

  font-family: "HardwearDisplay";

  src: url("../font/HardwearDisplay-Bold.otf") format("opentype");

  font-weight: 700;

}



.min {

  font-family: "Noto Serif JP", serif;

  font-weight: 600;

}

.hard {

  font-family: 'HardwearDisplay',"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;

}





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

 デバイス

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



@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 .mountaineering {

  position: relative;

  color: #100f10;

  font-family: "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: 300;

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

          font-feature-settings: "palt";

  letter-spacing: 0;

  line-height: 1.46;

}



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

  body .mountaineering {

    font-size: 1.8rem;

    min-width: 1280px;

    letter-spacing: 0;

  }

}



.mountaineering a {

  -webkit-transition: 0.3s;

  transition: 0.3s;

  text-decoration: none;

  color: #000;

}



.mountaineering a:hover {

  opacity: 1;

  text-decoration: none;

}



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

  .mountaineering a:hover {

    opacity: 0.7;

  }

}



.mountaineering img {

  max-width: 100%;

  vertical-align: bottom;

}



.mountaineering .slick-dots button {

  background-color: transparent;

  border: none;

  cursor: pointer;

  outline: none;

  padding: 0;

  appearance: none;

}



.wrapper {

  position: relative;

  overflow: inherit;

}

.secInner {

  overflow: hidden;

}



*:focus {

  outline: none;

}





.mountaineering .sup {

  font-size: 50%;

  vertical-align: top;

  position: relative;

  top: -0.05em;

}





/* font color */

:root {

  --color-base: #100f10;

  --color-base2: #333;

  --color-white: #fff;

  --color-yellow: #f3fd30;

}





/* font */

.mountaineering .en {

  font-family: "CircularPro-Book", sans-serif;

  color: #100f10;

}

.mountaineering .enb {

  font-family: "CircularPro-Black", sans-serif;

  color: #100f10;

}

.mountaineering p {

  line-height: 1.64;

}





/* item btn */

.mountaineering .itemBtnArea {

  margin: 0 auto 0;

  text-align: center;

  position: relative;

  z-index: 1;

}

.mountaineering .itemBtnArea a {

  margin: 0 auto;

  display: inline-block;

  width: 400px;

}

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

.mountaineering .itemBtnArea a:hover {

  opacity: 0.7;

}

.mountaineering .itemBtnArea a:hover:before {

  opacity: 1;

}

}

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

  .mountaineering .itemBtnArea a {

    width: calc(330/780*100vw) !important;

  }

}





.mountaineering img {

  width: 100%;

}









/* hero */

.mountaineering_heroTitle {

  margin: 0;

}

.mountaineering_heroTitle img {

  width: 100%;

}

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

  .mountaineering_heroTitle {

    padding: 0;

  }

}







/* about */

.mountaineering_About {

  padding: 120px 0;

  background: url(../img/about_bg-pc.png) top center / cover no-repeat;

}

.mountaineering_About p {

  line-height: 1.7333333333333334;

  font-size: 30px;

  font-weight: 600;

  text-align: center;

  letter-spacing: 0.07em;

}

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

  .mountaineering_About {

    padding: calc(240/780*100vw) 0;

    background: url(../img/about_bg-sp.png) top center / cover no-repeat;

  }

  .mountaineering_About p {

    line-height: 1.7333333333333334;

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

    letter-spacing: 0.05em;

  }

}







/* stayup */

.mountaineering_Stayup {

  padding: 0 0 200px;

  background-color: #2F415C;

}

.mountaineering_Stayup .stayupKV {

}

.mountaineering_Stayup .stayupKV img {

  width: 100%;

}

.mountaineering_Stayup .stayupMovie {

  margin: 120px auto 0;

  position: relative;

  width: calc(1320/1920*100%);

}

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

  .mountaineering_Stayup {

    padding: 0 0 calc(160/780*100vw);

  }

  .mountaineering_Stayup .stayupKV {

  }

  .mountaineering_Stayup .stayupMovie {

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

    width: calc(700/780*100vw);

  }

}







/* product */

.mountaineering_Products {

}

.mountaineering_ProductsInner {

}

.mountaineering_Products .productsTitle {

  margin: 0;

  padding: 1em 0;

  background: url(../img/products_bg.png) center center / cover no-repeat;

  font-size: 112px;

  font-weight: 300;

  text-align: center;

}

.mountaineering_Products .productHeader {

  padding: 60px calc(80/1920*100%);

  display: flex;

  justify-content: space-between;

  color: #F3FD30;

  background-color: #2F415C;

}

.mountaineering_Products .productImg {

  width: calc(900/1760*100%);

}

.mountaineering_Products .productData {

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

}

.mountaineering_Products .productName {

  line-height: 0.9107142857142857;

  font-size: 112px;

  font-size: min(112px,calc(112/1920*100vw));

  font-size: clamp(70px,calc(112/1920*100vw),112px);

  font-size: max(75px,calc(112/1920*100vw));

  font-weight: 300;

  letter-spacing: -0.05em;

  text-align: center;

}

.mountaineering_Products .productName .tm {

  margin-left: 0.15em;

  font-size: 70px;

  vertical-align: text-top;

}

.mountaineering_Products .productSubName {

  margin: 10px 0 15px;

  line-height: 1.3636363636363635;

  font-size: 22px;

  font-weight: bold;

  text-align: center;

}

.mountaineering_Products .productInfo {

  margin: 0 auto;

  font-family: 'Shippori Mincho','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;

  font-size: 26px;

  text-align: center;

}

.mountaineering_Products #item01 .productInfo {

  width: clamp(150px,calc(225/1920*100vw),225px);

}

.mountaineering_Products #item02 .productInfo {

  width: clamp(150px,calc(225/1920*100vw),225px);

}

.mountaineering_Products #item03 .productInfo {

  width: clamp(142px,calc(212/1920*100vw),212px);

}

.mountaineering_Products .productInfo .small {

  font-size: 18px;

}

.mountaineering_Products .productLeadTitle {

  margin-top: 100px;

  line-height: 1.3571428571428572;

  font-size: 28px;

  font-weight: bold;

  text-align: center;

  letter-spacing: 0.05em;

  white-space: nowrap;

}

.mountaineering_Products .productLeadText {

  margin-top: .5em;

  line-height: 1.7;

  font-size: 20px;

  font-weight: 600;

  letter-spacing: 0.04em;

  text-align: justify;

}

.mountaineering_Products .productList {

  margin: 0 auto;

  padding: 0 0 160px;

  width: calc(1320/1920*100%);

}

.mountaineering_Products .productList ul {

  margin: 160px 0 40px;

  padding: 50px 0;

  border-top: 1px solid #8F8B94;

  border-bottom: 1px solid #8F8B94;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 60px calc(60/1320*100%);

}

.mountaineering_Products .productList ul li {

  width: calc(400/1320*100%);

  text-align: center;

}

.mountaineering_Products .productListImg {

}

.mountaineering_Products .productListCaption {

  padding-top: 10px;

  line-height: 1.3636363636363635;

  font-size: clamp(14px,calc(22/1920*100vw),22px);

  font-weight: bold;

}

.mountaineering_Products .productListBtns {

  display: flex;

  justify-content: center;

  gap: 0 40px;

}

.mountaineering_Products .productListBtns .itemBtnArea {

  margin: 0;

}

.mountaineering_Products .productData {

}







.mountaineering_Products .productComment {

  padding: 250px 0;

  background: url(../img/comments_bg.png) bottom center / cover no-repeat;

}

.mountaineering_Products .commentInner {

  margin: 0 auto;

  padding: 50px calc(40/1920*100%) 50px calc(70/1920*100%);

  display: flex;

  justify-content: space-between;

  width: calc(1420/1920*100%);

  background-color: #fff;

}

.mountaineering_Products .commentBody {

  padding: 40px 10px;

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

  width: calc(730/1310*100%);

  white-space: nowrap;

}

.mountaineering_Products .commentBody:before,

.mountaineering_Products .commentBody:after {

  content: '';

  display: block;

  position: absolute;

  width: 60px;

  height: 60px;

}

.mountaineering_Products .commentBody:before {

  border-top: 1px solid #000;

  border-left: 1px solid #000;

  top: 0;

  left: 0;

}

.mountaineering_Products .commentBody:after {

  border-bottom: 1px solid #000;

  border-right: 1px solid #000;

  bottom: 0;

  right: 0;

}

.mountaineering_Products .commentBody p {

  line-height: 1.84;

  font-size: 23px;

  font-size: clamp(18px,calc(25/1920*100vw),25px);

  font-weight: 600;

  text-align: center;

}

.mountaineering_Products .athleteProfile {

  width: calc(500/1310*100%);

}

.mountaineering_Products .athletePhoto {

}

.mountaineering_Products .athleteName {

  margin-top: 20px;

  width: clamp(198px,calc(296/1920*100vw),296px);

  font-size: 30px;

  font-size: clamp(24px,calc(30/1920*100vw),30px);

  font-family: 'Shippori Mincho','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;

  font-weight: normal;

}

.mountaineering_Products .athleteJob {

  font-size: 18px;

  font-family: 'Shippori Mincho','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;

}

.mountaineering_Products .athleteProfile p {

  margin-top: 30px;

  line-height: 1.6666666666666667;

  font-size: 18px;

  font-size: clamp(14px,calc(18/1920*100vw),18px);

  font-weight: 600;

}

.mountaineering_Products .productGallery {

  padding: 240px 0 170px;

  background: url(../img/gallery_bg.png) top center / cover no-repeat;

  overflow: hidden;

}

.mountaineering_Products .productGallery ul {

}

.mountaineering_Products .productGallery .slick-list {

  overflow: visible;

}

.mountaineering_Products .productGallery .slick-slide {

  margin: 0 calc(40/1920*100vw);

  width: calc(468/1920*100vw);

}

.mountaineering_Products .productGallery .slick-slide img {

  width: 100%;

}

.mountaineering_Products .productGallery .slick-arrow {

  border: none;

  border-radius: 0;

  position: absolute;

  top: calc(315/1920*100vw);

  width: 70px;

  height: 70px;

  z-index: 5;

  background-color: #fff;

  appearance: none;

  font-size: 0;

}

.mountaineering_Products .productGallery .slick-prev {

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

}

.mountaineering_Products .productGallery .slick-prev:before {

  content: '';

  border-left: 2px solid #000;

  border-bottom: 2px solid #000;

  display: block;

  position: absolute;

  left: 27px;

  bottom: 33px;

  width: 20px;

  height: 20px;

  transform-origin: bottom left;

  transform: rotate(45deg);

}

.mountaineering_Products .productGallery .slick-next {

  right: calc(80/1920*100vw);

}

.mountaineering_Products .productGallery .slick-next:before {

  content: '';

  border-right: 2px solid #000;

  border-bottom: 2px solid #000;

  display: block;

  position: absolute;

  right: 27px;

  bottom: 33px;

  width: 20px;

  height: 20px;

  transform-origin: bottom right;

  transform: rotate(-45deg);

}

.mountaineering_Products .backArea {

  padding: 120px 0 0;

  background: url(../img/backlist_bg.png) center center / cover no-repeat;

}

.mountaineering_Products .backList {

  padding: 0 50px;

}

.mountaineering_Products .backList .itemBtnArea {

  margin: 0 auto;

  max-width: 1320px;

}

.mountaineering_Products .backList .itemBtnArea a {

  width: 100%;

}

.mountaineering_Products .productBottomVisual img {

  width: 100%;

}

@media (hover: hover) {

  .mountaineering_Products .productGallery .slick-arrow:hover {

    background-color: #000;

    opacity: 1;

  }

  .mountaineering_Products .productGallery .slick-arrow:hover:before {

    border-color: #fff;

  }

  .mountaineering_Products .backList .itemBtnArea a:hover:after {

    border-color: #000;

  }

}

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

  .mountaineering_Products #item01 .productHeader,

  .mountaineering_Products #item03 .productHeader {

    flex-direction: row-reverse;

  }

  .mountaineering_Products #item03 .itemBtnArea a {

    width: 250px;

  }



  .mountaineering_Products .productData {

    display: flex;

    flex-direction: column;

    gap: clamp(67px,calc(100/1920*100vw),100px);

  }

  .mountaineering_Products .productSubName {

    font-size: clamp(15px,calc(22/1920*100vw),22px);

  }

  .mountaineering_Products .productInfo {

    font-size: clamp(17px,calc(26/1920*100vw),26px);

  }

  .mountaineering_Products .productInfo .small {

    font-size: 69.23076923076923%;

  }

  .mountaineering_Products .productLeadTitle {

    margin-top: 0;

    font-size: clamp(18px,calc(28/1920*100vw),28px);

  }

  .mountaineering_Products .productLeadText {

    font-size: clamp(13px,calc(20/1920*100vw),20px);

  }

}

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

  .mountaineering_Products .productsTitle {

    padding: calc(100/780*100vw) 0;

    background: url(../img/products_bg-sp.png) center center / cover no-repeat;

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

  }

  .mountaineering_Products .productHeader {

    padding: calc(40/780*100vw);

    flex-direction: column;

    gap: calc(80/780*100vw) 0;

  }

  .mountaineering_Products .productImg {

    width: auto;

  }

  .mountaineering_Products .productData {

    width: auto;

  }

  .mountaineering_Products .productName {

    font-size: calc(96/780*100vw);

  }

  .mountaineering_Products .productName .tm {

    font-size: calc(54/780*100vw);

  }

  .mountaineering_Products .productSubName {

    margin: calc(8/780*100vw) 0 calc(12/780*100vw);

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

  }

  .mountaineering_Products .productInfo {

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

  }

  .mountaineering_Products .productInfo .small {

    font-size: calc(20/780*100vw);

  }

  .mountaineering_Products #item01 .productInfo {

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

  }

  .mountaineering_Products #item02 .productInfo {

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

  }

  .mountaineering_Products #item03 .productInfo {

    width: calc(232/780*100vw);

  }

  .mountaineering_Products .productLeadTitle {

    margin-top: calc(50/780*100vw);

    line-height: 1.4375;

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

  }

  .mountaineering_Products .productLeadText {

    line-height: 1.5;

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

  }

  .mountaineering_Products .productList {

    padding: 0 0 calc(160/780*100vw);

    width: calc(700/780*100vw);

  }

  .mountaineering_Products .productList ul {

    margin: calc(160/780*100vw) 0 calc(50/780*100vw);

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

    gap: calc(40/780*100vw);

  }

  .mountaineering_Products .productList ul li {

    width: calc(330/780*100vw);

  }

  .mountaineering_Products .productListImg {

  }

  .mountaineering_Products .productListCaption {

    padding-top: .4em;

    line-height: 1.3333333333333333;

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

  }

  .mountaineering_Products .productListBtns {

    gap: 0 calc(40/780*100vw);

  }

  .mountaineering_Products .productListBtns .itemBtnArea {

    margin: 0;

  }

  .mountaineering_Products .productComment {

    padding: calc(70/780*100vw);

    background: url(../img/comments_bg-sp.png) bottom center / cover no-repeat;

  }

  .mountaineering_Products .commentInner {

    padding: calc(50/780*100vw);

    flex-direction: column;

    gap: calc(60/780*100vw) 0;

    width: auto;

  }

  .mountaineering_Products .commentBody {

    padding: calc(40/780*100vw) calc(20/780*100vw);

    display: block;

    width: auto;

  }

  .mountaineering_Products .commentBody:before,

  .mountaineering_Products .commentBody:after {

    width: calc(60/780*100vw);

    height: calc(60/780*100vw);

  }

  .mountaineering_Products .commentBody p {

    line-height: 1.7916666666666667;

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

  }

  .mountaineering_Products .athleteProfile {

    width: auto;

  }

  .mountaineering_Products .athletePhoto {

  }

  .mountaineering_Products .athleteName {

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

    width: calc(330/780*100vw);

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

  }

  .mountaineering_Products .athleteJob {

    font-size: calc(20/780*100vw);

  }

  .mountaineering_Products .athleteProfile p {

    margin-top: calc(30/780*100vw);

    line-height: 1.6;

    font-size: calc(20/780*100vw);

  }

  .mountaineering_Products .productGallery {

    padding: calc(315/780*100vw) 0 calc(250/780*100vw);

    background: url(../img/gallery_bg-sp.png) top center / cover no-repeat;

  }

  .mountaineering_Products .productGallery .slick-slide {

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

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

  }

  .mountaineering_Products .productGallery .slick-arrow {

    top: calc(340/780*100vw);

    width: calc(70/780*100vw);

    height: calc(70/780*100vw);

  }

  .mountaineering_Products .productGallery .slick-prev {

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

  }

  .mountaineering_Products .productGallery .slick-prev:before {

    left: calc(27/780*100vw);

    bottom: calc(33/780*100vw);

    width: calc(20/780*100vw);

    height: calc(20/780*100vw);

  }

  .mountaineering_Products .productGallery .slick-next {

    right: calc(40/780*100vw);

  }

  .mountaineering_Products .productGallery .slick-next:before {

    right: calc(27/780*100vw);

    bottom: calc(33/780*100vw);

    width: calc(20/780*100vw);

    height: calc(20/780*100vw);

  }

  .mountaineering_Products .backArea {

    padding: calc(120/780*100vw) 0 0;

    background: url(../img/backlist_bg-sp.png) center center / cover no-repeat;

  }

  .mountaineering_Products .backList {

    padding: 0;

  }

  .mountaineering_Products .backList .itemBtnArea {

  }

  .mountaineering_Products .backList .itemBtnArea a {

    width: calc(700/780*100vw) !important;

  }

  .mountaineering_Products .productBottomVisual {

    vertical-align: top;

    line-height: 0;

  }

  .mountaineering_Products .productBottomVisual img {

    vertical-align: top;

  }

}















.mountaineering .__btn {

  text-align: center;

}

.mountaineering .__pagetop {

  padding: 160px 0;

  text-align: center;

}

.mountaineering .__pagetop a {

  font-weight: bold;

  font-size: 22px;

}

.mountaineering .__pagetop a .icon {

  margin-left: 1.4em;

  position: relative;

  top: 17px;

  display: inline-block;

}

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

.mountaineering .__pagetop a:hover {

  color: inherit;

  background-color: inherit;

  transition: all ease .3s;

  opacity: .6;

}

}

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

  .mountaineering .__btn {

    text-align: center;

  }

  .mountaineering .__pagetop {

    padding: calc(190/780*100vw) 0 calc(215/780*100vw);

  }

  .mountaineering .__pagetop a {

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

  }

  .mountaineering .__pagetop a .icon {

    margin-left: 1.4em;

    position: relative;

    top: 0;

    display: inline-block;

    width: calc(70/780*100vw);

    transform: translateY(20%);

  }

  .pane-main {

    padding-bottom: 0;

  }

}











































































































ul.slick-dots {

  margin: 50px auto 0;

  display: flex;

  justify-content: center;

  gap: 0 20px;

}

ul.slick-dots li {

  width: 15px;

  height: 15px;

  border-radius: 15px;

  background-color: #fff;

}

ul.slick-dots li button {

  position: relative;

  text-indent: -9999px;

}

ul.slick-dots li.slick-active {

  background-color: #000;

}

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

ul.slick-dots {

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

  gap: 0 calc(20/780*100vw);

}

ul.slick-dots li {

  width: calc(15/780*100vw);

  height: calc(15/780*100vw);

  border-radius: 1000px;

}

}

















/* movie */

#yt-wrap {

  width: 100%;

  margin: auto;

}

#yt-block {

  margin: 0 auto;

  position: relative;

}



.videoWrapper {

  position: relative;

  padding-bottom: 56.25%; /* 16:9 */

  height: 0;

}



.videoWrapper iframe {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.videoWrapper:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  background-image: url("../img/stayup_img02.png");

  background-color: #000;

  background-size: 100% auto;

}



.videoWrapper.pv:after {

  display: none;

}



#play {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  width: 91px;

  height: 79px;

  cursor: pointer;

  opacity: .7;

}

#play:before {

  position: absolute;

  top: 0;

  left: 0;

  margin: auto;

  content: "";

  background: url("../img/btn_movie.png") no-repeat;

  display: inline-block;

  width: 91px;

  height: 79px;

}

@media (hover: hover) {

#play:hover {

  opacity: 1;

}

}