@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: #333;

  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: 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;

}



@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;

}



.goretex .goretex_background {

  background: url("../img/back_body_pc.jpg") repeat-y;

  background-size: cover;

}

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

.goretex .goretex_background {

  background: url("../img/back_body_sp.jpg") repeat-y;

  background-size: cover;

}

}



.goretex sup {

  font-size: 100%;

  vertical-align: top;

  position: relative;

  top: -0.05em;

}

.goretex sup.small {

  font-size: 50%;

}





/* font */

.goretex .en {

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

}

.goretex .enb {

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

}

.goretex p {

  color: #000;

  line-height: 1.64;

}



.goretex .about_background {

  background: url(../img/bg_about-pc.png) no-repeat bottom;

  background-size: 100% auto;

  background-color: #464646;

  position: relative;

}

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

.goretex .about_background {

  background: url(../img/bg_about-sp.png) no-repeat bottom;

  background-size: cover;

  background-color: #464646;

}

}





/* navi */

.goretex_nav {

  width: 100%;

  padding: 0;

  background-color: rgba(0,0,0,.6);

}

.goretex_nav.fixed {

  position: fixed;

  top: 0;

  margin: 0 auto;

  width: 100%;

  z-index: 9999;

  transform: translate(0, 80px);

  transition: opacity .4s ease, background-color .4s ease, transform .4s ease;

}

.pane-header.disable + .goretex .goretex_nav.fixed {

  transform: translate(0, 0);

  transition: opacity .4s ease, background-color .4s ease, transform .4s ease;

}

.goretex_nav .goretex_navInner {

  position: relative;

}

ul.goretex_navList {

  display: flex;

  justify-content: center;

}

ul.goretex_navList li.__navItem {

  width: 25%;

  text-align: center;

  position: relative;

}

ul.goretex_navList li.__navItem:first-of-type {

  width: 20%;

  padding-left: 1em;

  margin-right: 30%;

  text-align: left;

  border-left: none;

}

ul.goretex_navList .__navItem a {

  padding: 31px 0;

  display: block;

  color: #fff;

  font-size: 28px;

  position: relative;

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

  line-height: 1;

}

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

ul.goretex_navList .__navItem a span {

  display: block;

}

}



ul.goretex_navList .__navItem.__navItemActive > a {

  background-color: rgba(0,0,0,.6);

}

ul.goretex_navList .__navItem.goretex_logo a {

  width: 196px;

  margin: 0 auto;

  padding: 10px 0;

}

.goretex .__snaviArea {

  width: 100%;

  position: absolute;

  top: auto;

  right: 0;

  z-index: 2;

  display: none;

}

.goretex ul.__snavList {

  padding: 0.6em 0;

  background-color: rgba(0,0,0,.6);

}

.goretex ul.__snavList li {

  padding: 0 1.8em;

}

.goretex ul.goretex_navList .__navItem .__snavItem a {

  padding: 1.2em 1.2em 1.2em 1.2em;

  color: #fff;

  font-size: 14px;

  text-align: left;

  line-height: 1.2;

  position: relative;

  border-bottom: #fff 1px solid;

}

.goretex ul.goretex_navList .__navItem .__snavItem a:before {

  content: "●";

  position: absolute;

  left: 0;

}

.goretex ul.goretex_navList .__navItem .__snavItem:last-of-type a {

  padding: 1.2em 1.2em 0.8em 1.2em;

  border-bottom: none;

}

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

.goretex_nav {

  padding: 0;

}

.goretex_nav.fixed {

  transform: translate(0, 64px);

}

.goretex_nav .goretex_navInner {

  height: 56px;

}

.pane-header.disable + .block-gmenu + .pane-main .goretex .goretex_nav.fixed {

  transform: translate(0, 0);

}

ul.goretex_navList li.__navItem {

  width: 30%;

  margin-right: 0;

}

ul.goretex_navList li.__navItem:first-of-type {

  width: 30%;

  margin-right: 10%;

}

.goretex ul.goretex_navList .__navItem a {

  padding: 22px 0 22px;

  font-size: 12px;

}

.goretex ul.goretex_navList .__navItem:first-of-type a {

  width: 113px;

  padding: 8px 0;

  font-size: 20px;

}

.goretex .__snaviArea {

  width: 150%;

  top: 56px;

  left: -50%;

}

.goretex ul.goretex_navList .__navItem .__snavCategory {

  padding: 1em 0 0.3em 0.6em;

  font-size: 16px;

  color: #fff;

  text-align: left;

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

}

.goretex ul.goretex_navList .__navItem .__snavItem a {

  padding: 0.8em 1em 0.8em 1em;

  color: #fff;

  font-size: 10px;

  text-align: left;

}

.goretex .__navItem .__closeBtnArea span {

  width: 100%;

  height: 30px;

  display: block;

  position: relative;

  background-color: rgba(0,0,0,.7);

}

.goretex .__navItem .__closeBtnArea span:after {

  content: "";

  display: block;

  position: absolute;

  width: 18px;

  height: 18px;

  border-right: 2px solid #fff;

  border-top: 2px solid #fff;

  -webkit-transform: rotate(-45deg);

  transform: rotate(-45deg);

  left: 50%;

  top: 30%;

  margin-top: -2px;

  margin-left: -3px;

}



}





/* products panel */

.goretex .goretex_Ancher {

  margin-top: -90px;

  padding-top: 90px;

}

.goretex .goretex_background .goretex_Ancher {

  margin-top: -155px;

  padding-top: 155px;

}

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

.goretex .goretex_Ancher {

  margin-top: -45px;

  padding-top: 45px;

}

.goretex .goretex_background .goretex_Ancher {

  margin-top: -105px;

  padding-top: 105px;

}

}

.goretex .goretex_productPanel_name {

  margin: 0;

  padding: 0.5em 0 0;

  border-top: #fff 8px solid;

  color: #fff;

  font-size: 70px;

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

  text-align: center;

  line-height: 1.2;

  position: relative;

  z-index: 1;

}

.goretex .goretex_product .goretex_productPanel_name {

  font-size: 70px;

}

.goretex .goretex_productPanel_name sup {

  font-size: 60%;

}

.goretex .goretex_productPanel_sname {

  margin-bottom: 0.2em;

  font-size: 18px;

  font-weight: bold;

  color: #fff;

  text-align: center;

  position: relative;

  z-index: 1;

}

.goretex .goretex_productPanel_price {

  font-size: 18px;

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

  color: #fff;

  text-align: center;

  position: relative;

  z-index: 1;

}

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

.goretex .goretex_productPanel_name {

  padding: 0.5em 0 0;

  border-top: #fff 5px solid;

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

}

.goretex .goretex_productPanel_sname {

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

}

.goretex .goretex_productPanel_price {

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

}

.goretex .goretex_product .goretex_productPanel_name {

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

}

}

.goretex .goretex_productPanel {

  width: 100%;

  max-width: 1100px;

  margin: 0 auto 100px;

  padding: 50px 50px 40px;

  background-color: #464646;

}

.goretex .goretex_productNonSlideArea {

  margin: 0 auto;

  text-align: center;

}

.goretex .goretex_productImgArea {

  margin-top: 0;

  margin-bottom: 0;

  display: block;

}

.goretex .goretex_productImgArea .goretex_productImg {

  margin: 0 auto;

  text-align: center;

}

.goretex .goretex_productCopy {

  width: 100%;

  max-width: 700px;

  margin:0 auto 0.8em;

  font-size: 28px;

  font-weight: bold;

  text-align: center;

  line-height: 1.46;

  color: #fff;

}

.goretex .goretex_productText {

  width: 100%;

  max-width: 700px;

  margin: 0 auto 1.64em;

  font-size: 16px;

  line-height: 1.46;

  text-align: justify;

  color: #fff;

}

.goretex .goretex_forcusproductArea .goretex_productText {

  margin: 0 auto 1em;

  text-align: justify;

}

.goretex .goretex_productSpec {

  margin: 1em auto 3em;

  padding-top: 1em;

  width: 100%;

  max-width: 700px;

  font-size: 16px;

  line-height: 1;

  position: relative;

  border-top: #fff 1px solid;

}

.goretex .goretex_productSpec p {

  line-height: 1.46;

  color: #fff;

}

.goretex .goretex_productSpec .icon {

  position: absolute;

  right: -1px;

  top: -23px;

}

.goretex .goretex_productAdd {

  width: 100%;

  max-width: 700px;

  margin: 0 auto;

  padding: 30px;

  background-color: #fff;

  border-radius: 15px;

  position: relative;

}

.goretex .goretex_productAdd .addLead {

  width: 100%;

  margin-bottom: 1em;

  border-bottom: #000 1px solid;

}

.goretex .goretex_productAdd .addLead p {

  padding-bottom: 1em;

  font-size: 22px;

  line-height: 1.46;

  text-align: center;

  font-weight: bold;

}

.goretex .goretex_productAdd .goretex_productAddText {

  width: 100%;

}

.goretex .goretex_productAddLogo {

  width: 146px;

  position: absolute;

  left: -86px;

  top: -42px;

}

.goretex .goretex_productAddLogo img[alt="GORE-TEX"] {

  position: relative;

  top: -32px;

}

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

.goretex .goretex_productPanel {

  width: 90%;

  margin: 0 auto 34px;

  padding: 20px 20px 20px;

  background: #464646;

  background-repeat: no-repeat;

}

.goretex .goretex_productImgArea {

  margin-top: 10px;

  margin-bottom: -10px;

}

.goretex .goretex_productImg {

  width: 100%;

  margin: 0 auto;

  display: block;

}

.goretex .goretex_productCopy {

  margin-bottom: 0.6em;

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

}

.goretex .goretex_productText {

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

}

.goretex .goretex_productSpec {

  margin-bottom: 2em;

}

.goretex .goretex_productSpec p {

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

}

.goretex .goretex_productSpec .icon {

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

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

}

.goretex .goretex_productAdd {

  margin-bottom: 20px;

  padding: 10px;

}

.goretex .goretex_productAdd .addLead p {

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

}

.goretex .goretex_productArea .goretex_productAdd {

  margin-bottom: 40px;

}

.goretex .goretex_productAdd .goretex_productAddText {

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

  margin-left: -1.5em;

}

.goretex #goretex_forcusproduct02 .goretex_productAdd .goretex_productAddText {

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

  margin-left: -1.5em;

}

.goretex #goretex_forcusproduct03 .goretex_productAdd .goretex_productAddText {

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

}

.goretex .goretex_productAddLogo {

  width: 50px;

  left: 1em;

  top: -12px;

}

.goretex .goretex_productAddLogo img[alt="GORE-TEX"] {

  width: 60px;

  position: relative;

  top: 2px;

}

.goretex #goretex_forcusproduct04 .goretex_productNonSlideArea {

  width: 80%;

}

}





/* deal Area */

.goretex .goretex_productDetailArea {

  margin-top: 60px;

  padding-top: 20px;

  position: relative;

  border-top: #fff 1px solid;

}

.goretex .goretex_productDetailArea .goretex_productDetailTitle {

  margin-bottom: 0.6em;

  font-size: 40px;

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

  text-align: center;

  color: #fff;

}

.goretex .goretex_forcusproductArea .goretex_productDetailArea .goretex_goatex {

  position: absolute;

  right: 0;

  top: 10px;

}

.goretex .goretex_productDetailListArea {

  padding-bottom: 1em;

  border-bottom: #fff 1px solid;

}

.goretex ul.goretex_productDetailList {

  display: flex;

  align-items: flex-start;

  flex-wrap: wrap;

  justify-content: center;

}

.goretex ul.goretex_productDetailList.many {

  justify-content: flex-start;

}

.goretex ul.goretex_productDetailList li {

  width: 220px;

}

.goretex .goretex_forcusproductArea ul.goretex_productDetailList li {

  width: 310px;

  margin-bottom: 40px;

  margin-right: 33px;

}

.goretex .goretex_forcusproductArea ul.goretex_productDetailList li:nth-child(3n) {

  margin-right: 0;

}

.goretex ul.goretex_productDetailList li .goretex_productDetailListImg {

  margin-bottom: 0.8em;

  position: relative;

}

.goretex ul.goretex_productDetailList li .goretex_productDetailListImg:before {

  content: "";

  width: 48px;

  height: 1px;

  display: block;

  position: absolute;

  bottom: -24px;

  left: 0;

  border-top: #fff 1px solid;

  transform: rotate(135deg);

}

.goretex ul.goretex_productDetailList li .goretex_productDetailListImg:after {

  position: absolute;

  bottom: -30px;

  left: 4px;

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

  font-size: 20px;

  color: #fff;

}

.goretex ul.goretex_productDetailList li:nth-child(1) .goretex_productDetailListImg:after {

  content: "1";

}

.goretex ul.goretex_productDetailList li:nth-child(2) .goretex_productDetailListImg:after {

  content: "2";

}

.goretex ul.goretex_productDetailList li:nth-child(3) .goretex_productDetailListImg:after {

  content: "3";

}

.goretex ul.goretex_productDetailList li:nth-child(4) .goretex_productDetailListImg:after {

  content: "4";

}

.goretex ul.goretex_productDetailList li:nth-child(5) .goretex_productDetailListImg:after {

  content: "5";

}

.goretex ul.goretex_productDetailList li:nth-child(6) .goretex_productDetailListImg:after {

  content: "6";

}

.goretex ul.goretex_productDetailList li:nth-child(7) .goretex_productDetailListImg:after {

  content: "7";

}

.goretex ul.goretex_productDetailList li:nth-child(8) .goretex_productDetailListImg:after {

  content: "8";

}

.goretex ul.goretex_productDetailList li:nth-child(9) .goretex_productDetailListImg:after {

  content: "9";

}

.goretex ul.goretex_productDetailList li .goretex_productDetailListText {

  text-align: center;

  font-size: 16px;

  line-height: 1.46;

  letter-spacing: -0.02em;

  white-space: nowrap;

  color: #fff;

}

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

.goretex .goretex_productDetailArea {

  margin-top: 20px;

  padding-top: 10px;

}

.goretex #goretex_forcusproduct03 .goretex_productAdd + .goretex_productDetailArea,

.goretex #goretex_forcusproduct04 .goretex_productAdd + .goretex_productDetailArea {

  margin-top: 0;

  padding-top: 0;

  border-top: none;

}

.goretex .goretex_productDetailArea .goretex_productDetailTitle {

  font-size: 16px !important;

}

.goretex .goretex_product .goretex_productDetailArea .goretex_productDetailTitle {

  padding-top: 6px;

  font-size: 11px;

}

.goretex .goretex_forcusproductArea .goretex_productDetailArea .goretex_goatex {

  right: 0;

  top: 10px;

}

.goretex .goretex_productDetailListArea {

  padding-bottom: 10px;

}

.goretex ul.goretex_productDetailList {

  justify-content: space-between;

}

.goretex ul.goretex_productDetailList.many {

  justify-content: space-between;

}

.goretex ul.goretex_productDetailList li {

  width: 45%;

}

.goretex .goretex_forcusproductArea ul.goretex_productDetailList li {

  width: 45%;

  margin-bottom: 20px;

  margin-right: 0;

}

.goretex ul.goretex_productDetailList li .goretex_productDetailListImg:before {

  content: "";

  width: 24px;

  height: 1px;

  display: block;

  position: absolute;

  bottom: -16px;

  left: 0;

  border-top: #fff 1px solid;

  transform: rotate(135deg);

}

.goretex ul.goretex_productDetailList li .goretex_productDetailListImg:after {

  position: absolute;

  bottom: -20px;

  left: 2px;

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

  font-size: 12px;

}

.goretex ul.goretex_productDetailList li .goretex_productDetailListText {

  text-align: center;

  font-size: 10px;

  padding-left: 2em;

}

.goretex .goretex_product .goretex_productCopy {

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

  position: relative;

}

}





/* deal Area for products */

.goretex .goretex_productArea {

  padding-bottom: 50px;

}

.goretex .goretex_productArea .goretex_productMainArea {

  margin-top: 40px;

  position: relative;

}

.goretex .goretex_productArea .goretex_productSubArea {

  border-bottom: #000 1px solid;

}

.goretex .goretex_productArea .goretex_productMainArea .goretex_productImg {

  position: absolute;

  left: 0;

  right: 0;

}

.goretex .goretex_productArea.even .goretex_productMainArea .goretex_productImg {

  left: auto;

  right: 0;

}

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

.goretex #goretex_product02 .goretex_productArea.even .goretex_productMainArea .goretex_productImg {

  top: 5%;

}

.goretex #goretex_product03 .goretex_productArea .goretex_productMainArea .goretex_productImg {

  top: -12%;

}

.goretex #goretex_product04 .goretex_productArea.even .goretex_productMainArea .goretex_productImg {

  top: -40%;

}

.goretex #goretex_product03 .goretex_productSubArea,

.goretex #goretex_product04 .goretex_productSubArea {

  position: relative;

  z-index: 1;

}

.goretex #goretex_product04 .goretex_productArea .goretex_productMainArea {

  margin-top: 80px;

}

}

.goretex .goretex_forcusproduct04 {

  margin-top: 60px;

}

.goretex .goretex_productArea .goretex_productMainArea .goretex_productImg .goretex_productImgInner {

  position: relative;

}

.goretex .goretex_productArea .goretex_productMainArea .goretex_productImg .goretex_productImgInner .goretex_goatex {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  margin: 0 auto;

}

.goretex .goretex_productArea .goretex_productDetailArea {

  margin-top: 14px;

  padding-top: 14px;

}

.goretex .goretex_productArea .goretex_productDetailListArea {

  padding-bottom: 60px;

  border: none;

}

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

.goretex .goretex_productArea .goretex_productSubArea {

  padding-left: 500px;

}

.goretex .goretex_productArea.even .goretex_productSubArea {

  padding: 0 500px 0 0;

}

.goretex .goretex_productArea .goretex_productMainArea .goretex_productImg {

  width: 460px;

}

.goretex .goretex_productArea .goretex_productDetailArea .goretex_goatex {

  position: absolute;

  right: 0;

  top: 15px;

}

.goretex .goretex_productArea ul.goretex_productDetailList li {

  width: 230px;

}

.goretex .goretex_productArea ul.goretex_productDetailList li:nth-child(even) {

  margin-left: 40px;

}

}

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

.goretex .goretex_productArea {

  padding-bottom: 40px

}

.goretex .goretex_productArea.goretex_productArea_last {

  padding-bottom: 0

}

.goretex .goretex_productArea .goretex_productMainArea {

  margin-top: 10px;

}

.goretex .goretex_productArea .goretex_productSubArea {

  display: flex;

  flex-direction: column-reverse;

}

.goretex .goretex_productArea .goretex_productDetailArea {

  margin-top: 0;

  padding-top: 0;

  border-top: none;

}

.goretex #goretex_product01 .goretex_productArea .goretex_productImg {

  padding-top: 4%;

}

.goretex #goretex_product02 .goretex_productArea .goretex_productImg {

  padding-top: 8%;

}

.goretex #goretex_product03 .goretex_productArea .goretex_productImg {

  padding-top: 4%;

}

.goretex #goretex_product04 .goretex_productArea .goretex_productDetailArea {

  padding-top: 25%;

  margin-bottom: 10%;

}

.goretex .goretex_productArea .goretex_productDetailListArea {

  padding-bottom: 15px;

  border: none;

}

.goretex .goretex_productArea .goretex_productDetailArea {

  width: calc(100% - (380/750*100vw));

  margin-left: calc(380/750*100vw);

}

.goretex .goretex_productArea.even .goretex_productDetailArea {

  margin-left: 0;

  margin-right: calc(320/750*100vw);

}

.goretex .goretex_productArea .goretex_productMainArea .goretex_productImg {

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

}

.goretex .goretex_productArea .goretex_productMainArea ul.goretex_productDetailList {

  display: block;

}

.goretex .goretex_productArea .goretex_productMainArea ul.goretex_productDetailList li {

  width: 100%;

  margin-bottom: 16px;

}

.goretex .goretex_productArea .goretex_productMainArea ul.goretex_productDetailList li:last-of-type {

  margin-bottom: 0;

}

.goretex .goretex_productArea .goretex_productMainArea .goretex_productText {

  margin-bottom: 3em;

}

#goretex_product04 .goretex_productArea .goretex_productDetailArea {

  min-height: calc(484/750*100vw);

}

.goretex #goretex_product03 .goretex_productArea {

  padding-bottom: 20px;

}

}





/* item btn */

.goretex .itemBtnArea {

  margin: -26px auto 0;

  text-align: center;

  position: relative;

  z-index: 1;

}

.goretex .itemBtnArea a {

  width: 240px;

  margin: 0 2em;

  padding: 0.6em 1em;

  font-size: 16px;

  color: #333;

  background-color: #fff;

  border: #fff 1px solid;

  border-radius: 100px;

  display: inline-block;

  transition: all ease .3s;

}

.goretex .itemBtnArea a.notYet {

  pointer-events: none;

}

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

.goretex .itemBtnArea a:hover {

  color: #fff;

  background-color: #464646;

  opacity: 1;

}

}

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

.goretex .itemBtnArea {

  margin: -13px auto 0;

}

.goretex .itemBtnArea a {

  width: 134px;

  margin: 0 0.5em;

  font-size: 10px;

}

.goretex #goretex_forcusproduct02 .itemBtnArea {

  display: flex;

  justify-content: center;

}

.goretex #goretex_forcusproduct02 .itemBtnArea a {

  padding: 0.6em 0.2em;

  width: 144px;

}

.goretex #goretex_forcusproduct02 .itemBtnArea a:first-of-type {

  margin-left: 0;

}

.goretex #goretex_forcusproduct02 .itemBtnArea a:last-of-type {

  margin-right: 0;

}

.goretex .itemBtnArea a.only-pc {

  display: none;

}

.goretex .itemBtnArea.only-sp {

  margin-top: 1em;

  position: relative;

}

.goretex .itemBtnArea.only-sp:before {

  content: "";

  width: 100%;

  height: 1px;

  margin: 0 auto;

  display: block;

  background-color: #fff;

  position: absolute;

  top: 50%;

  left: 0;

  right: 0;

  z-index: -1;

}

}















/* index page */

.goretex_hero {

  background-color: #1b1b17;

}

.goretex_hero img {

  width: 100%;

  max-width: none;

}



.goretex_project {

  margin-top: -90px;

  padding-top: 90px;

}

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

.goretex {

  margin-bottom: -40px;

}

.goretex_project {

  margin-top: -60px;

  padding-top: 60px;

}

}





.goretex_about {

  margin-top: -90px;

  padding-top: 90px;

  margin-bottom: 90px;

}

.goretex_about .goretex_aboutInner {

  padding: 120px 0 120px;

}

.goretex_nav.fixed + .goretex_about {

  padding-top: 180px;

}

.goretex_about .goretex_aboutInner h3.lead {

  margin: 0 auto 0.8em;

  text-align: center;

  font-size: 40px;

  font-weight: bold;

  color: #fff;

}

.goretex_about .goretex_aboutInner p {

  text-align: center;

  font-size: 26px;

  color: #fff;

}

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

.goretex_about {

  margin-top: -20px;

  padding-top: 20px;

  margin-bottom: 48px;

}

.goretex_nav.fixed + .goretex_about {

  padding-top: 76px;

}

.goretex_about .goretex_aboutInner h3.lead {

  margin: 0 auto 0.8em;

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

}

.goretex_about .goretex_aboutInner {

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

}

.goretex_about .goretex_aboutInner p {

  text-align: center;

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

}

}





.goretex_forcus {

  margin-top: -65px;

  padding-top: 65px;

}

.goretex_forcus .goretex_forcusInner {

  margin-top: 35px;

}

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

.goretex_forcus {

  margin-top: -60px;

  padding-top: 60px;

}

}





.goretex_product {

  margin-top: -90px;

  padding-top: 90px;

}

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

.goretex_product {

  margin-top: -60px;

  padding-top: 60px;

}

}



.goretex .goretex_movie.goretex_Ancher {

  margin-top: -100px;

  padding-top: 100px;

}

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

.goretex .goretex_movie.goretex_Ancher {

  margin-top: -60px;

  padding-top: 60px;

}

}





.goretex .anotherItemBtnArea {

  padding-bottom: 20px;

}

.goretex .anotherItemBtnArea a {

  width: 100%;

  display: block;

  text-align: center;

  padding: 0.8em 2em;

  font-size: 16px;

  color: #fff;

  background-color: #333;

  border: #333 1px solid;

  border-radius: 100px;

  transition: all ease .3s;

  position: relative;

  vertical-align: middle;

}

.goretex .anotherItemBtnArea a:before,

.goretex .anotherItemBtnArea a:after{

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  margin: auto;

  content: "";

  vertical-align: middle;

  transition: all ease .3s;

}

.goretex .anotherItemBtnArea a:before{

    right: 23px;

    width: 105px;

    height: 1px;

    background: #fff;

}

.goretex .anotherItemBtnArea a:after{

    right: 25px;

    width: 18px;

    height: 18px;

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

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

.goretex .anotherItemBtnArea a:hover {

  color: #333;

  background-color: #fff;

  opacity: 1;

}

.goretex .anotherItemBtnArea a:hover:before {

  background: #000;

}

.goretex .anotherItemBtnArea a:hover:after {

  border-top: 1px solid #000;

  border-right: 1px solid #000;

}

}

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

.goretex .anotherItemBtnArea {

  padding-bottom: 10px;

}

.goretex .anotherItemBtnArea a {

  padding: 0.8em 2em;

  font-size: 10px;

}

.goretex .anotherItemBtnArea a:before{

    right: 12px;

    width: 22px;

    height: 1px;

    background: #fff;

}

.goretex .anotherItemBtnArea a:after{

    right: 12px;

    width: 9px;

    height: 9px;

    border-top: 1px solid #fff;

    border-right: 1px solid #fff;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}

}





.goretex .goretex_movie .goretex_movieArea {

  width: 100%;

  max-width: 1000px;

  margin: 0 auto;

}

.goretex .goretex_movie .goretex_movieArea .goretex_movieTitle {

  margin: 1em 0;

  padding: 0.4em 0 0;

  border-top: #000 8px solid;

  color: #000;

  font-size: 56px;

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

  text-align: center;

  line-height: 1.2;

}

.goretex .goretex_movie .goretex_movieInner {

  margin-bottom: 100px;

  padding-bottom: 65px;

  background-color: #fff;

}

.goretex .goretex_movieContWrap {

  display: flex;

  justify-content: space-between;

}

.goretex .goretex_movieArea .goretex_movieCont {

  width: 468px;

  text-align: center;

}

.goretex .goretex_movieArea .goretex_movieCont .movieArea {

  position: relative;

  width: 100%;

  max-width: 1920px;

  line-height: 1;

  padding-top: 56.25%;

  margin: 0 auto;

}

.goretex .goretex_movieArea .goretex_movieCont .movieArea iframe {

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.goretex .goretex_movieArea .goretex_movieCont .movieTitle {

  margin: 1em 0 0.8em;

  font-size: 24px;

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

  text-align: center;

  line-height: 1.2;

}

.goretex .goretex_movieArea .goretex_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) {

.goretex .goretex_movie.goretex_Ancher {

  position: relative;

    margin-top: -100px;

    padding-top: 100px;

}

.goretex .goretex_movie .goretex_movieArea {

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

}

.goretex .goretex_movie .goretex_movieArea .goretex_movieTitle {

  margin: 0 0 0.4em;

  padding: 0.4em 0 0;

  border-top: #000 4px solid;

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

}

.goretex .goretex_movie .goretex_movieInner {

  margin-bottom: 0;

  padding-bottom: 0;

}

.goretex .goretex_movieContWrap {

  display: block;

}

.goretex .goretex_movieArea .goretex_movieCont {

  width: 100%;

}

.goretex .goretex_movieArea .goretex_movieCont + .goretex_movieCont {

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

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

  border-top: #000 1px solid;

}

.goretex .goretex_movieArea .goretex_movieCont .movieTitle {

  margin-bottom: 0.6em;

  font-size: 15px;

}

.goretex .goretex_movieArea .goretex_movieCont .movieText {

  font-size: 10px;

}

}





.goretex .__pagetop {

  margin-top: 140px;

  padding-bottom: 140px;

  text-align: center;

}

.goretex .__pagetop a {

  display: inline-block;

  color: #fff;

}

.goretex .__pagetop a .icon {

  margin-left: 0.6em;

  display: inline-block;

  position: relative;

  top: 4px;

}

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

.goretex .__pagetop a:hover {

  color: #fff;

  background-color: inherit;

  transition: all ease .3s;

  opacity: .6;

}

}

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

.goretex .__pagetop a .icon {

  width: 16px;

  height: 16px;

  top: 0;

}

.goretex .__pagetop {

  margin-top: 0;

  padding-bottom: 30px;

}

}



.goretex .glArea .gearSliderArea {

  overflow: hidden;

}

.goretex .glArea .gearSliderArea .gearSlider {

  margin: 0 auto;

  max-width: 930px;

  overflow: visible;

}

.goretex .glArea .gearSliderArea .slick-list {

  overflow: inherit;

}

.goretex .glArea .gearSliderArea .slick-slide {

  padding: 0 25px;

}

.goretex .slick-slider .slick-arrow {

  opacity: 0.8;

  transition: opacity ease .3s;

  z-index: 8;

  position: absolute;

}

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

  opacity: 0.5;

}

.goretex .slick-slider .slick-arrow.slick-disabled {

  opacity: 0;

  pointer-events: none;

}

.goretex .slider {

  margin: 0 auto;

}

.goretex .slick-slide img{

  margin: 0 auto;

}





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

.goretex .slick-slider .slick-arrow.prev-arrow {

  width: 64px;

  left: -32px;

  top: 50%;

  transform: translateY(-50%);

}

.goretex .slick-slider .slick-arrow.next-arrow {

  width: 64px;

  right: -32px;

  top: 50%;

  transform: translateY(-50%);

}

.goretex .goretex_productSlideThumbSlick.slick-slider .slick-arrow.prev-arrow {

  width: 28px;

  left: 50%;

  top: 0;

  transform: translate(-50%,-30%) rotate(90deg);

}

.goretex .goretex_productSlideThumbSlick.slick-slider .slick-arrow.next-arrow {

  width: 28px;

  right: auto;

  left: 50%;

  top: auto;

  bottom: -18px;

  transform: translate(-50%,0%) rotate(90deg);

}

}

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

  .goretex .slick-slide img.goretex_productSlidePt {

    padding-top: 18%;

  }

  .goretex .glArea .gearSliderArea .slick-arrow {

    opacity: 1 !important;

  }

  .goretex .glArea .gearSliderArea .slick-arrow.slick-disabled {

    opacity: 0 !important;

  }

  .goretex .slick-slider .slick-arrow.prev-arrow {

    width: 32px;

    left: -28px;

    top: 50%;

    transform: translateY(-50%);

  }

  .goretex .slick-slider .slick-arrow.next-arrow {

    width: 32px;

    right: -28px;

    top: 50%;

    transform: translateY(-50%);

  }

  .goretex .goretex_productSlideThumbSlick.slick-slider .slick-arrow.prev-arrow {

    width: 14px;

    left: -2px;

    top: 50%;

    transform: translateY(-50%);

  }

  .goretex .goretex_productSlideThumbSlick.slick-slider .slick-arrow.next-arrow {

    width: 14px;

    right: -2px;

    top: 50%;

    transform: translateY(-50%);

  }

}