@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, 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', 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;

  }

}





/* font color */

:root {

  --color-base: #100f10;

  --color-base2: #333;

  --color-white: #fff;

  --color-yellow: #f3fd30;

}





body .f24snow {

  position: relative;

  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 .f24snow {

    font-size: 1.8rem;

    min-width: 1280px;

    letter-spacing: 0;

  }

}



.f24snow a {

  text-decoration: none;

  color: #100f10;

}



.f24snow a:hover {

  opacity: 1;

  text-decoration: none;

}



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

  .f24snow a:hover {

    opacity: 0.7;

  }

}



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

  .f24snow a {

    -webkit-transition: 0.3s;

    transition: 0.3s;

  }

}



.f24snow img {

  max-width: 100%;

  vertical-align: bottom;

}



.f24snow .slick-dots button {

  background-color: transparent;

  border: none;

  cursor: pointer;

  outline: none;

  padding: 0;

  appearance: none;

}



.f24snow .wrapper {

  position: relative;

  overflow: inherit;

}



.f24snow .secInner {

  overflow: hidden;

}



*:focus {

  outline: none;

}





/* font */

.f24snow .en {

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

  color: #000;

}



.f24snow .enb {

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

  color: #000;

}



.f24snow p {

  line-height: 1.64;

}



.f24snow .sup {

  font-size: 50%;

  vertical-align: top;

  position: relative;

  top: -0.05em;

}



.f24snow .sup2 {

  vertical-align: top;

  position: relative;

  top: -0.2em;

}





/* navi */

.f24snow_nav {

  width: 100%;

  min-width: 1300px;

  padding: 0;

  background-color: var(--color-yellow);

  position: relative;

  z-index: 1;

}



.f24snow_nav.fixed {

  position: fixed;

  top: 0;

  margin: 0 auto;

  width: 100%;

  z-index: 9;

  transform: translate(0, 80px);

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

}



.pane-header.disable+.f24snow .f24snow_nav.fixed {

  transform: translate(0, 0);

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

}



.f24snow_nav .f24snow_navInner {

  position: relative;

  background-color: var(--color-yellow);

}



ul.f24snow_navList {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



ul.f24snow_sabnavList {

  display: flex;

  justify-content: space-between;

  align-content: center;

}



ul.f24snow_navList li.__navItem {

  text-align: center;

  position: relative;

}



ul.f24snow_navList li.__subnavItem {

  width: 100%;

  position: relative;

}



ul.f24snow_navList>.__navItem a {

  margin: 0 auto;

  display: block;

  line-height: 1;

}



ul.f24snow_navList>.__navItem>a img {

  width: 50px;

}



ul.f24snow_navList .__subnavItem a {

  padding: 32px 0;

  font-size: 26px;

  font-weight: 700;

  text-align: center;

  white-space: nowrap;

  letter-spacing: -0.02em;

  background-color: var(--color-yellow);

}



ul.f24snow_navList .__subnavItem a.is-active {

  background-color: var(--color-base);

  color: var(--color-yellow);

}



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

  ul.f24snow_navList .__navItem a:hover {

    background-color: var(--color-base);

    color: var(--color-yellow);

    opacity: 1;

  }



  ul.f24snow_navList>.__navItem:nth-child(1)>a:hover {

    background-color: var(--color-yellow);

    opacity: .6;

  }

}



ul.f24snow_navList>.__navItem:nth-child(1)>a {

  width: 100px;

  padding: 20px 30px 20px 30px;

  text-align: left;

}



ul.f24snow_navList li.__navItem:nth-child(2) {

  width: calc(100% - 100px);

  padding: 0;

  text-align: left;

}



/* @media screen and (max-width: 1237px) and (min-width: 768px) {

ul.f24snow_navList .__navItem:first-of-type a {

  padding: 0 0.5em 0;

}

}*/



ul.f24snow_navList .__subnavItem.__navItemActive>a {

  background-color: var(--color-yellow);

}



ul.f24snow_navList .__navItem.f24snow_logo a {

  width: 222px;

  margin: 0 auto;

  padding: 28px 0 22px;

}



.f24snow .__snaviArea {

  width: 100%;

  position: absolute;

  top: auto;

  right: 0;

  z-index: 2;

  display: none;

}



.f24snow ul.__snavList {

  background-color: var(--color-yellow);

}



.f24snow ul.f24snow_navList .__navItem .__snavItem a {

  padding: 1em 1em 1em 1em;

  color: var(--color-black);

  font-size: 26px;

  text-align: center;

  position: relative;

  letter-spacing: -0.04em;

}



.f24snow ul.f24snow_navList .__navItem .__subnavItem.small .__snavItem a {

  padding: 1em 1em 1em 1em;

  color: var(--color-black);

  font-size: 18px;

  text-align: left;

}



.f24snow ul.f24snow_navList .__navItem .__snavItem a:before {

  content: "";

  width: calc(100% - 30px);

  height: 1px;

  margin: 0 auto;

  display: block;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  background-color: #100f10;

}



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

  .f24snow_nav {

    padding: 0;

    min-width: inherit;

    position: relative;

    z-index: 1;

  }



  .f24snow_nav.fixed {

    transform: translate(0, 64px);

  }



  .pane-header.disable+.block-gmenu+.pane-main .f24snow .f24snow_nav.fixed {

    transform: translate(0, -26px);

  }



  .f24snow ul.f24snow_navList {

    justify-content: space-between;

  }



  .f24snow ul.f24snow_navList .__navItem .f24snow_sabnavList a {

    padding: 17px 0 16px;

    font-size: 12px;

  }



  ul.f24snow_navList li.__navItem:nth-child(1) {

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

    padding: 0;

    text-align: center;

  }



  ul.f24snow_navList li.__navItem:nth-child(1)>a {

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

    width: calc(120/780*100vw)

  }



  ul.f24snow_navList li.__navItem:nth-child(2) {

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

    padding: 0;

    text-align: center;

  }



  ul.f24snow_sabnavList {

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    align-items: center;

    position: relative;

  }



  ul.f24snow_sabnavList:before {

    content: "";

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

    height: 1px;

    margin: 0 auto;

    display: block;

    position: absolute;

    right: 0;

    left: 0;

    top: 45px;

    background-color: #000;

  }



  ul.f24snow_navList li.__subnavItem:nth-child(1),

  ul.f24snow_navList li.__subnavItem:nth-child(2) {

    width: 50%;

  }



  ul.f24snow_navList li.__subnavItem:nth-child(3),

  ul.f24snow_navList li.__subnavItem:nth-child(4),

  ul.f24snow_navList li.__subnavItem:nth-child(5) {

    width: 33.33%;

  }

}





/* navi Img */

.naviImgArea {}



.naviImgArea ul.naviImgList {

  width: 100%;

  display: flex;

  padding-left: 100px;

  background-color: var(--color-yellow);

  position: relative;

}



.naviImgArea ul.naviImgList li {

  width: 20%;

  background-color: #106594;

}



.naviImgArea ul.naviImgList li img {

  width: 100%;

  max-width: none;

}



.backsideLinkArea {

  padding: 90px 0 0;

  background-color: #106594;

  position: relative;

  z-index: 1;

}



.backsideLinkArea a {

  display: block;

  width: 100%;

  max-width: 1120px;

  margin: 0 auto;

}



.backsideLinkArea .backsideLinkFlex {

  width: 100%;

  border: #fff 1px solid;

  display: flex;

  align-items: center;

  justify-content: center;

  text-align: center;

}



.backsideLinkArea .backsideLinkFlex .backsideLinkLogo {

  width: 372px;

  padding: 0.8em 0;

  position: relative;

}



.backsideLinkArea .backsideLinkFlex .backsideLinkLogo:after {

  content: "";

  width: 1px;

  height: 60%;

  margin: auto 0;

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  display: block;

  background-color: #fff;

}



.backsideLinkArea .backsideLinkFlex .backsideLinkText {

  width: calc(100% - 372px);

  font-size: 20px;

  font-weight: 600;

  color: #fff;

  display: inline-block;

  line-height: 1.32;

}



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

  .naviImgArea ul.naviImgList {

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

  }



  .naviImgArea ul.naviImgList li {

    width: 33.33%;

  }



  .naviImgArea.naviImgAreaTop ul.naviImgList li {

    width: 50%;

  }



  .backsideLinkArea {

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

  }



  .backsideLinkArea a {

    max-width: calc(680/780*100vw);

  }



  .backsideLinkArea .backsideLinkFlex .backsideLinkLogo {

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

    padding: 1em 0;

  }



  .backsideLinkArea .backsideLinkFlex .backsideLinkLogo img {

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

  }



  .backsideLinkArea .backsideLinkFlex .backsideLinkLogo:after {

    height: 70%;

  }



  .backsideLinkArea .backsideLinkFlex .backsideLinkText {

    width: calc(100% - (340/780*100vw));

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

  }



  .f24snow_Ancher {

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

    padding-top: calc(140/780*100vw);

  }

}





/* item btn */

.f24snow .itemBtnArea {

  margin: -26px auto 0;

  text-align: center;

  position: relative;

  z-index: 1;

}



.f24snow .itemBtnArea a.notYet {

  pointer-events: none;

}



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

  .f24snow .itemBtnArea a {

    width: 260px;

    margin: 0 auto;

    padding: 0.8em 2em;

    font-size: 22px;

    font-weight: bold;

    letter-spacing: -0.04em;

    color: #fff;

    background-color: #100f10;

    background: linear-gradient(135deg, transparent 12px, #100f10 0) top left,

      linear-gradient(-135deg, transparent 12px, #100f10 0) top right,

      linear-gradient(-45deg, transparent 12px, #100f10 0) bottom right,

      linear-gradient(45deg, transparent 12px, #100f10 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

    display: block;

    transition: none;

  }



  .f24snow .itemBtnArea a:hover {

    background-color: #f3fd30;

    background: linear-gradient(135deg, transparent 12px, #f3fd30 0) top left,

      linear-gradient(-135deg, transparent 12px, #f3fd30 0) top right,

      linear-gradient(-45deg, transparent 12px, #f3fd30 0) bottom right,

      linear-gradient(45deg, transparent 12px, #f3fd30 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

    color: #333;

    opacity: 1;

  }

}



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

  .f24snow .itemBtnArea {

    margin: -13px auto 0;

  }



  .f24snow .itemBtnArea a {

    width: 130px;

    margin: 0 auto;

    padding: 1em 1em;

    font-size: 12px;

    font-weight: bold;

    letter-spacing: -0.04em;

    color: #fff;

    background-color: #100f10;

    background: linear-gradient(135deg, transparent 8px, #100f10 0) top left,

      linear-gradient(-135deg, transparent 8px, #100f10 0) top right,

      linear-gradient(-45deg, transparent 8px, #100f10 0) bottom right,

      linear-gradient(45deg, transparent 8px, #100f10 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

    display: block;

    transition: none;

  }



  .f24snow .itemBtnArea a:hover {

    background-color: #f3fd30;

    background: linear-gradient(135deg, transparent 8px, #f3fd30 0) top left,

      linear-gradient(-135deg, transparent 8px, #f3fd30 0) top right,

      linear-gradient(-45deg, transparent 8px, #f3fd30 0) bottom right,

      linear-gradient(45deg, transparent 8px, #f3fd30 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

    color: #333;

    opacity: 1;

  }

}









/* hero */

.f24snow {

  background-color: #f9f6f6;

  color: var(--color-base);

}



.f24snow_hero {

  background-color: #ecf1f4;

}



.f24snow_heroInner {

  width: 100%;

  margin: 0 auto;

}



.f24snow_hero img {

  width: 100%;

}



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

  .f24snow_heroInner {

    width: 100%;

    margin: 0 auto;

    padding: 0;

  }



  .f24snow_hero img {

    padding: 0;

  }

}





/* about */

.f24snow_About {

  margin-top: -65px;

  padding-top: 65px;

}



.f24snow_nav.fixed+.f24snow_About {

  padding-top: 166px;

}



.f24snow_About .f24snow_AboutInner {

  padding: 160px 0 110px;

  background-color: #106594;

}



.f24snow_About .firstLead {

  margin: 0 auto 0.5em;

  padding: 0;

  text-align: center;

  font-size: 194px;

  font-weight: 700;

  line-height: 0.8;

  color: #100f10;

}



.f24snow_About .firstText {

  text-align: center;

  font-size: 34px;

  font-weight: 600;

  line-height: 1.8;

  color: var(--color-yellow);

  letter-spacing: 0.04em;

}



.f24snow_About .stickCont {

  position: relative;

  top: 33%;

  padding-bottom: 8%;

  z-index: 1;

}



.f24snow_About .aboutImgArea {

  height: calc(3252/1920*100vw);

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

  position: relative;

}



.f24snow_About .aboutImgArea img {

  max-width: none;

  width: 100%;

}



.f24snow_About .aboutImgArea .aboutImg01 {

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

  position: absolute;

  left: 0;

  top: 0;

}



.f24snow_About .aboutImgArea .aboutImg02 {

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

  position: absolute;

  right: 0;

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

}



.f24snow_About .aboutImgArea .aboutImg03 {

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

  position: absolute;

  left: 0;

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

}



.f24snow_About .aboutImgArea .aboutImg04 {

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

  position: absolute;

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

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

}



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

  .f24snow_About .f24snow_AboutInner {

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

  }



  .f24snow_About .firstLead {

    margin: 0 auto 0.6em;

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

  }



  .f24snow_About .firstText {

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

  }



  .f24snow_About .stickCont {

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

  }



  .f24snow_About .aboutImgArea {

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

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

  }



  .f24snow_About .aboutImgArea .aboutImg01 {

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

  }



  .f24snow_About .aboutImgArea .aboutImg02 {

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

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

  }



  .f24snow_About .aboutImgArea .aboutImg03 {

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

    left: 0;

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

  }



  .f24snow_About .aboutImgArea .aboutImg04 {

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

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

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

  }

}





/* movie */

.f24snow_Movie {

  margin-top: -90px;

  padding-top: 90px;

}



.f24snow_Movie .f24snow_MovieInner {

  background-color: #106594;

}



.f24snow_Movie .movieArea .img01 {

  text-align: center;

  background-color: #106594;

}



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

  .f24snow_Movie .f24snow_MovieInner {

    padding-left: 26px;

    padding-right: 26px;

  }



  .f24snow_Movie .f24snow_MovieInner .movieArea {

    width: 100%;

    margin: 0 auto;

  }

}





.bg01 {

  padding: 200px 0 100px;

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

  background-size: cover;

  background-position: 0 -1px;

}



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

  .f24snow_Movie {

    margin-top: -154px;

    padding-top: 154px;

  }



  .bg01 {

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

    background: url(../img/bg_cont_sp.jpg) no-repeat;

    background-size: 100% 100%;

    background-position: 0 -2px;

  }

}





/* catch area */

.f24snow .catchArea {

  padding: 190px 0 110px;

  background-color: #106594;

}



.f24snow .catchArea .prodcts_title {

  color: var(--color-yellow);

}



.f24snow .catchArea .prodcts_copy {

  margin: 1.5em 0 3em;

  font-size: 26px;

  font-weight: 600;

  line-height: 1.8;

  color: var(--color-yellow);

}



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

  .f24snow .catchArea {

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

  }



  .f24snow .catchArea .prodcts_title {

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

  }



  .f24snow .catchArea .prodcts_copy {

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

  }

}





/* subNavi */

.subNaviArea {

  padding-bottom: 110px;

}



ul.subNaviList {

  display: flex;

  align-content: center;

  justify-content: center;

  gap: 36px 36px;

}



ul.subNaviList li {

  width: 280px;

  text-align: center;

}



ul.subNaviList li a {

  padding: 0.6em 0;

  display: block;

  border-bottom: var(--color-yellow) 2px solid;

  color: var(--color-yellow);

  font-size: 26px;

  line-height: 1.1;

  font-weight: bold;

}



@media (hover: hover) {

  ul.subNaviList li a:hover {

    background-color: var(--color-yellow);

    opacity: 1;

    color: var(--color-black);

  }

}



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

  ul.subNaviList {

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

    margin: 0 auto;

    gap: calc(18/780*100vw) calc(30/780*100vw);

    flex-wrap: wrap;

  }



  ul.subNaviList li {

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

  }



  ul.subNaviList li a {

    padding: 0.6em 0;

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

  }

}





/* products background */

.productBg {

  padding: 90px 0 90px;

}



.product_first .productBg {

  background: url(../img/first_bg-pc.jpg) repeat-y;

  background-size: 100% auto;

  position: relative;

}



.product_high .productBg {

  background: url(../img/high_bg-pc.jpg) repeat-y;

  background-size: 100% auto;

  position: relative;

}



.product_boundary .productBg {

  background: url(../img/boundary_bg-pc.jpg) repeat-y;

  background-size: 100% auto;

  position: relative;

}



.product_fire .productBg {

  background: url(../img/fire_bg-pc.jpg) repeat-y;

  background-size: 100% auto;

  position: relative;

}



.product_equip .productBg {

  background: url(../img/equip_bg-pc.jpg) repeat-y;

  background-size: 100% auto;

  position: relative;

}



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

  .productBg {

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

  }



  .product_first .productBg {

    background: url(../img/first_bg-sp.jpg) repeat-y;

    background-size: 101% auto;

    background-position-x: -2px;

  }



  .product_high .productBg {

    background: url(../img/high_bg-sp.jpg) repeat-y;

    background-size: 101% auto;

  }



  .product_boundary .productBg {

    background: url(../img/boundary_bg-sp.jpg) repeat-y;

    background-size: 101% auto;

  }



  .product_fire .productBg {

    background: url(../img/fire_bg-sp.jpg) repeat-y;

    background-size: 101% auto;

    background-position-y: -2px;

  }



  .product_equip .productBg {

    background: url(../img/equip_bg-sp.jpg) repeat-y;

    background-size: 101% auto;

  }

}





/* products */

.itemAreaLead {

  width: 100%;

  max-width: 1120px;

  margin: 0 auto 50px;

  padding: 0.4em 0;

  border: none;

  font-size: 80px;

  font-weight: 700;

  white-space: nowrap;

  letter-spacing: -0.02em;

  color: #100F10;

  background-color: var(--color-yellow);

  background: linear-gradient(135deg, transparent 36px, var(--color-yellow) 0) top left,

    linear-gradient(-135deg, transparent 36px, var(--color-yellow) 0) top right,

    linear-gradient(-45deg, transparent 36px, var(--color-yellow) 0) bottom right,

    linear-gradient(45deg, transparent 36px, var(--color-yellow) 0) bottom left;

  background-size: 52% 52%;

  background-repeat: no-repeat;

  text-align: center;

}



.itemAreaLead.productOtherLink {

  width: 100%;

  max-width: 1120px;

  margin: 0 auto 50px;

  padding: 0.4em 0 0.8em;

  border: none;

  font-size: 80px;

  font-weight: 700;

  white-space: nowrap;

  letter-spacing: -0.02em;

  color: var(--color-yellow);

  background-color: #106594;

  background: linear-gradient(135deg, transparent 36px, #106594 0) top left,

    linear-gradient(-135deg, transparent 36px, #106594 0) top right,

    linear-gradient(-45deg, transparent 36px, #106594 0) bottom right,

    linear-gradient(45deg, transparent 36px, #106594 0) bottom left;

  background-size: 52% 52%;

  background-repeat: no-repeat;

  text-align: center;

  line-height: 1.2;

}



.itemAreaLead.productOtherLink .text01 {

  font-size: 26px;

  line-height: 1.2;

  color: #fff;

}



.f24snow_Prodcts {

  margin-top: -140px;

  padding-top: 140px;

  /*display: none;*/

  background-color: #106594;

}



.product_first {

  display: block;

}



.f24snow_ProdctsInner,

.f24snow_OtherInner {

  width: 100%;

  max-width: 1120px;

  margin: 0 auto 100px;

  padding: 90px 60px 110px;

  position: relative;

  background-color: #fff;

  background: linear-gradient(135deg, transparent 36px, #fff 0) top left, linear-gradient(-135deg, transparent 36px, #fff 0) top right, linear-gradient(-45deg, transparent 36px, #fff 0) bottom right, linear-gradient(45deg, transparent 36px, #fff 0) bottom left;

  background-size: 51% 51%;

  background-repeat: no-repeat;

}



.f24snow .prodcts_title {

  margin: 0 auto;

  padding: 0;

  border: none;

  font-size: 120px;

  font-weight: 700;

  text-align: center;

  line-height: 0.8;

  letter-spacing: -0.02em;

}



.f24snow .prodcts_copy {

  margin: 1em auto;

  font-size: 20px;

  font-weight: 700;

  text-align: center;

  line-height: 1;

}



.f24snow .prodcts_name {

  margin: 0 auto;

  padding: 0;

  border: none;

  font-size: 120px;

  font-weight: 700;

  text-align: center;

  line-height: 0.8;

  letter-spacing: -0.02em;

}



.f24snow .f24snow_Other .prodcts_name {

  font-size: 84px;

  line-height: 0.9;

}



.f24snow .prodcts_sname {

  margin: 1em auto;

  font-size: 20px;

  font-weight: 700;

  text-align: center;

  line-height: 1;

}



.f24snow .prodcts_img {

  margin-top: 3em;

  text-align: center;

}



.f24snow .prodcts_img.bdrTop {

  border-top: #96929a 1px solid;

}



.f24snow .prodcts_img.prodcts_img01 {

  margin-top: 0;

}



.f24snow .prodcts_lead {

  margin-bottom: 1em;

  text-align: center;

  font-size: 28px;

  font-weight: 700;

  line-height: 1.46;

}



.f24snow .prodcts_text01 {

  width: 100%;

  max-width: 764px;

  margin: 0 auto 1.46em;

  text-align: justify;

  font-size: 20px;

  font-weight: 600;

  letter-spacing: 0.02em;

  color: #333;

}



.f24snow .techArea {

  width: 100%;

  margin: 32px auto 40px;

  padding: 18px 0;

  border-top: #8f8b94 1px solid;

  border-bottom: #8f8b94 1px solid;

  display: flex;

  flex-wrap: wrap;

  align-content: center;

}



.f24snow .techArea+.techArea {

  margin-top: -40px;

  border-top: none;

}



.f24snow .techArea .techIcon {

  width: 200px;

  align-items: center;

  display: flex;

  justify-content: center;

  position: relative;

}



.f24snow .techArea.dryq .techIcon img {

  width: 120px;

}



.f24snow .techArea.cordura .techIcon img {

  width: 120px;

}



.f24snow .techArea.goretex .techIcon img {

  width: 150px;

}



.f24snow .techArea.primaloft .techIcon img {

  width: 78px;

}



.f24snow .techArea .techText {

  width: calc(100% - 200px);

  padding: 0 1em 0 1.5em;

  text-align: left;

  border-left: #8f8b94 1px solid;

  color: #333;

  font-size: 18px;

  font-weight: 600;

  letter-spacing: -0.02em;

  line-height: 1.46;

  display: flex;

  align-items: center;

}



.f24snow .techArea .techText .small {

  margin-top: 0.4em;

  font-size: 80%;

  display: block;

}



.mhw_f23_productContArea .itemBtnArea {

  margin: 0 auto 2.4em;

}



.mhw_f23_productContArea .itemBtnArea a {

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

  border: none;

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

  white-space: nowrap;

  letter-spacing: -0.02em;

  color: #100F10;

  background-color: #fff;

  background: linear-gradient(135deg, transparent 8px, #fff 0) top left,

    linear-gradient(-135deg, transparent 8px, #fff 0) top right,

    linear-gradient(-45deg, transparent 8px, #fff 0) bottom right,

    linear-gradient(45deg, transparent 8px, #fff 0) bottom left;

  background-size: 52% 52%;

  background-repeat: no-repeat;

}



@media (hover: hover) {

  .mhw_f23_productContArea .itemBtnArea a:hover {

    background-color: #f3fd30;

    background: linear-gradient(135deg, transparent 8px, #f3fd30 0) top left,

      linear-gradient(-135deg, transparent 8px, #f3fd30 0) top right,

      linear-gradient(-45deg, transparent 8px, #f3fd30 0) bottom right,

      linear-gradient(45deg, transparent 8px, #f3fd30 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

    opacity: 1;

  }

}



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

  .f24snow_Prodcts {

    margin-top: -105px;

    padding-top: 105px;

  }



  .f24snow_ProdctsInner,

  .f24snow_OtherInner {

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

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

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

    position: relative;

    background-color: #fff;

    background: linear-gradient(135deg, transparent 12px, #fff 0) top left, linear-gradient(-135deg, transparent 12px, #fff 0) top right, linear-gradient(-45deg, transparent 12px, #fff 0) bottom right, linear-gradient(45deg, transparent 12px, #fff 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

  }



  .itemAreaLead {

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

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

    padding: 0.5em 0;

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

    background-color: var(--color-yellow);

    background: linear-gradient(135deg, transparent 12px, var(--color-yellow) 0) top left,

      linear-gradient(-135deg, transparent 12px, var(--color-yellow) 0) top right,

      linear-gradient(-45deg, transparent 12px, var(--color-yellow) 0) bottom right,

      linear-gradient(45deg, transparent 12px, var(--color-yellow) 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

  }



  .itemAreaLead.productOtherLink {

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

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

    padding: 0.8em 0 1.2em;

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

    background: linear-gradient(135deg, transparent 12px, #106594 0) top left,

      linear-gradient(-135deg, transparent 12px, #106594 0) top right,

      linear-gradient(-45deg, transparent 12px, #106594 0) bottom right,

      linear-gradient(45deg, transparent 12px, #106594 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

    text-align: center;

    line-height: 1.2;

  }



  .itemAreaLead.productOtherLink .text01 {

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

  }



  .f24snow_Prodcts {

    margin-top: -140px;

    padding-top: 140px;

  }



  .f24snow_ProdctsInner,

  .f24snow_OtherInner {

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

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

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

    position: relative;

    background-color: #fff;

    background: linear-gradient(135deg, transparent 12px, #fff 0) top left, linear-gradient(-135deg, transparent 12px, #fff 0) top right, linear-gradient(-45deg, transparent 12px, #fff 0) bottom right, linear-gradient(45deg, transparent 12px, #fff 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

  }



  .f24snow .prodcts_name {

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

    line-height: 0.9;

  }



  .f24snow .f24snow_Other .prodcts_name {

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

    line-height: 0.9;

  }



  .f24snow .prodcts_sname {

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

  }



  .f24snow .prodcts_img {

    margin-top: 3em;

  }



  .f24snow .prodcts_img.bdrTop {

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

  }



  .f24snow .prodcts_img.prodcts_img01 {

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

    margin: 0 auto;

  }



  .f24snow .prodcts_img.prodcts_img02 {

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

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

  }



  .f24snow #productAnch02 .prodcts_img {

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

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

  }



  .f24snow .prodcts_lead {

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

  }



  .f24snow .prodcts_text01 {

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

  }



  .f24snow .techArea {

    width: 100%;

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

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

  }



  .f24snow .techArea+.techArea {

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

  }



  .f24snow .techArea .techIcon {

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

  }



  .f24snow .techArea.dryq .techIcon img {

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

  }



  .f24snow .techArea.cordura .techIcon img {

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

  }



  .f24snow .techArea.goretex .techIcon img {

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

    margin-top: 0;

  }



  .f24snow .techArea.primaloft .techIcon img {

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

  }



  .f24snow .techArea .techText {

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

    padding-right: 0;

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

  }



  .f24snow .techArea .techText .small {

    margin-top: 0.8em;

  }



  .mhw_f23_productContArea .itemBtnCont {

    max-width: none;

  }



  .mhw_f23_productContArea .itemBtnArea a {

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

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

  }

}







/* Details */

.f24snow_DetailInner {

  margin: 50px auto 20px;

}



.f24snow_DetailInner .lead {

  margin: 0 auto 0.5em;

  font-size: 50px;

  font-weight: bold;

  text-align: center;

  color: #100F10;

  line-height: 1;

}



.f24snow_OtherInner .lead {

  margin: 0 auto 0.5em;

  padding: 20px 0 0;

  border-top: var(--color-base) 1px solid;

  font-size: 40px;

  font-weight: bold;

  text-align: center;

  color: #100F10;

  line-height: 1;

}



ul.mhw_f23_detailList {

  width: 100%;

  margin: 0 auto;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 50px;

}



#fast_item05 ul.mhw_f23_detailList {

  max-width: 700px;

}



ul.mhw_f23_detailList li {

  max-width: 300px;

}



.f24snow_OtherInner ul.mhw_f23_detailList {

  gap: 0 40px;

}



.f24snow_OtherInner ul.mhw_f23_detailList li {

  max-width: 210px;

}



ul.mhw_f23_detailList li {

  text-align: center;

}



.f24snow p.mhw_f23_detailListText {

  margin-top: 0.8em;

  color: #333;

  font-size: 20px;

  font-weight: 500;

  line-height: 1.32;

  letter-spacing: -0.04em;

  white-space: nowrap;

}



.f24snow .prodcts_price {

  margin-bottom: 2em;

  font-size: 24px;

  font-weight: 600;

  text-align: center;

}



.f24snow .prodcts_price .tax {

  margin-left: 0.3em;

  font-size: 80%;

}







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

  .f24snow_OtherInner .flexArea {

    margin: 60px auto 50px;

    position: relative;

  }



  .f24snow .f24snow_OtherInner .flexArea .prodcts_img {

    width: 500px;

    margin-top: 0;

    position: absolute;

    left: 0;

    top: 0;

    text-align: center;

  }



  .f24snow_OtherInner .flexArea .flexText {

    width: 100%;

    padding-left: 540px;

    position: relative;

    z-index: 1;

  }



  .f24snow_OtherInner .flexArea .flexDetails {

    width: 100%;

    padding-left: 540px;

    position: relative;

    z-index: 1;

  }



  .f24snow_OtherInner .flexArea.even .prodcts_img {

    left: auto;

    right: 0;

  }



  .f24snow_OtherInner .flexArea.even .flexText {

    padding-left: 0;

    padding-right: 540px;

  }



  .f24snow_OtherInner .flexArea.even .flexDetails {

    padding-left: 0;

    padding-right: 540px;

  }



  .f24snow .f24snow_OtherInner .flexArea01 .prodcts_img {

    top: 30px;

  }



  .f24snow .f24snow_OtherInner .flexArea02 .prodcts_img {

    top: -50px;

  }



  .f24snow .f24snow_OtherInner .flexArea02 .flexText {

    padding-top: 80px;

  }



  .f24snow .f24snow_OtherInner .flexArea04 .prodcts_img {

    top: -50px;

  }



  .f24snow .f24snow_OtherInner .flexArea04 .flexText {

    padding-top: 80px;

  }



  .f24snow .f24snow_OtherInner .flexArea05 .prodcts_img {

    width: 606px;

    top: 30px;

  }

}



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

  .f24snow_OtherInner .flexArea {

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

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

  }



  .f24snow_OtherInner .flexArea .prodcts_img {

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

    margin-top: 0;

    order: 1;

  }



  .f24snow_OtherInner .flexArea .flexText {

    width: 100%;

    order: 3;

  }



  .f24snow_OtherInner .flexArea .flexDetails {

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

    order: 2;

  }



  .f24snow_OtherInner .lead {

    margin: 0 auto 0.6em;

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

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

  }



  .f24snow .f24snow_OtherInner .prodcts_text01 {

    margin-bottom: 0;

  }



  .f24snow_OtherInner .flexArea.even .prodcts_img {

    order: 2;

  }



  .f24snow_OtherInner .flexArea.even .flexDetails {

    order: 1;

  }



  .f24snow .f24snow_OtherInner .flexArea02 .prodcts_img {

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

  }



  .f24snow .f24snow_OtherInner .flexArea02 .prodcts_img img {

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

  }



  .f24snow .f24snow_OtherInner .flexArea03 .prodcts_img {

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

  }



  .f24snow .f24snow_OtherInner .flexArea04 .prodcts_img img {

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

  }



  .f24snow .f24snow_OtherInner .flexArea05 .prodcts_img {

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

  }



  .f24snow .f24snow_OtherInner .flexArea05 .prodcts_img img {

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

  }

}







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

  .f24snow_Detail {

    margin-top: -105px;

    padding-top: 105px;

  }



  .f24snow_DetailInner {

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

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

  }



  .f24snow_DetailInner .lead {

    margin: 0 auto 0.5em;

    padding: 0;

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

  }



  ul.mhw_f23_detailList {

    width: 100%;

    max-width: none;

    margin: 0 auto;

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

    justify-content: flex-start;

    flex-wrap: wrap;

    border-bottom: none;

  }



  ul.mhw_f23_detailList li {

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

  }



  .f24snow_OtherInner ul.mhw_f23_detailList {

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

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

  }



  .f24snow p.mhw_f23_detailListText {

    font-size: 10px;

    letter-spacing: -0.02em;

  }



  .f24snow .prodcts_price {

    margin: 2em 0 2em;

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

    text-align: center;

  }

}











/* other */

.f24snow_Other {

  margin-top: -170px;

  padding-top: 170px;

}



.f24snow_OtherInner {

  position: relative;

}



.f24snow_Other .f24snow_productPanel_name {

  margin: 0 0 0.2em;

  text-align: center;

  font-size: 100px;

  font-weight: 700;

  color: #100f10;

}



.f24snow_Other p.otherText {

  margin: 0 0 3em;

  text-align: center;

  font-size: 28px;

  font-weight: 600;

  letter-spacing: 0.04em;

}



.f24snow ul.f24snow_productList {

  width: 100%;

  max-width: 1100px;

  margin: 0 auto 120px;

  padding: 40px 50px 50px;

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

  position: relative;

  background-color: #fff;

  background: linear-gradient(135deg, transparent 25px, #fff 0) top left,

    linear-gradient(-135deg, transparent 25px, #fff 0) top right,

    linear-gradient(-45deg, transparent 25px, #fff 0) bottom right,

    linear-gradient(45deg, transparent 25px, #fff 0) bottom left;

  background-size: 50% 50%;

  background-repeat: no-repeat;

}



.f24snow ul.f24snow_productList li.name {

  width: calc(100% - 80px);

  margin: 0 auto;

  padding: 0 0 2em;

  text-align: center;

  position: absolute;

  left: 0;

  right: 0;

  top: 2em;

  display: block;

  border-bottom: #8F8B94 1px solid;

  z-index: 1;

}



.f24snow ul.f24snow_productList li .itemName {

  font-size: 40px;

  font-family: 'Roboto Serif', serif;

  font-weight: 700;

  display: block;

  line-height: 1.32;

  color: #100f10;

}



.f24snow ul.f24snow_productList li .itemNameJP {

  font-size: 20px;

  font-weight: 700;

  display: block;

  line-height: 1.32;

}



.f24snow ul.f24snow_productList li {

  width: 440px;

  text-align: center;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  position: relative;

  z-index: 2;

}



.f24snow ul.f24snow_productList.list01 li .f24snow_productListItem {

  margin-top: -70px;

}



.f24snow ul.f24snow_productList.list02 li .f24snow_productListItem {

  margin-top: 30px;

}



.f24snow ul.f24snow_productList.list03 li .f24snow_productListItem {

  margin-top: 70px;

}



.f24snow ul.f24snow_productList li .f24snow_productListName {

  width: 100%;

  margin: 0.5em 0 0;

  font-size: 26px;

  font-family: 'Roboto Serif', serif;

  color: #000;

  text-align: center;

  z-index: 1;

}



.f24snow ul.f24snow_productList li .f24snow_productListsName {

  width: 100%;

  margin: 0;

  font-size: 24px;

  font-family: 'Roboto Serif', serif;

  font-weight: 600;

  color: #000;

  text-align: center;

  z-index: 1;

}



.f24snow ul.f24snow_productList li .f24snow_productListsName.men {

  color: #278BD3;

}



.f24snow ul.f24snow_productList li .f24snow_productListsName.women {

  color: #EA5F5E;

}



.f24snow ul.f24snow_productList li .f24snow_productListSub {

  width: 100%;

  margin: 0;

  font-size: 20px;

  font-weight: 600;

  color: #000;

  text-align: center;

  z-index: 1;

}



.f24snow ul.f24snow_productList li .f24snow_productListsPrice {

  width: 100%;

  margin: 0;

  font-size: 20px;

  font-family: 'Roboto Serif', serif;

  font-weight: 600;

  color: #000;

  text-align: center;

  z-index: 1;

}



.f24snow ul.f24snow_productList li .itemBtnArea {

  margin: 0.8em auto 0;

}



.f24snow ul.f24snow_productList li .itemBtnArea a {

  width: auto;

  padding: 0.6em 1.5em;

}



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

  .f24snow_Other {

    margin-top: -140px;

    padding-top: 140px;

  }



  .f24snow_Other p.otherText {

    margin: 0 0 4em;

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

  }



  .f24snow ul.f24snow_productList {

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

    margin: 0 auto;

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

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

    justify-content: center;

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

    background-color: #fff;

    background: linear-gradient(135deg, transparent 16px, #fff 0) top left,

      linear-gradient(-135deg, transparent 16px, #fff 0) top right,

      linear-gradient(-45deg, transparent 16px, #fff 0) bottom right,

      linear-gradient(45deg, transparent 16px, #fff 0) bottom left;

    background-size: 50% 50%;

    background-repeat: no-repeat;

  }



  .f24snow ul.f24snow_productList+ul.f24snow_productList {

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

  }



  .f24snow_Other .f24snow_productPanel_name {

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

    padding: 0;

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

    line-height: 1;

  }



  .f24snow .f24snow_product .f24snow_forcusproductArea {

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

  }



  .f24snow ul.f24snow_productList:last-of-type {

    margin-bottom: 0;

  }



  .f24snow ul.f24snow_productList li {

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

    text-align: center;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

  }



  .f24snow ul.f24snow_productList.list01 li .f24snow_productListItem {

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

  }



  .f24snow ul.f24snow_productList.list02 li .f24snow_productListItem {

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

  }



  .f24snow ul.f24snow_productList.list03 li .f24snow_productListItem {

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

  }



  .f24snow ul.f24snow_productList li .f24snow_productListName {

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

    line-height: 1.2;

  }



  .f24snow ul.f24snow_productList li .f24snow_productListsName {

    margin-top: 0.6em;

    line-height: 1.2;

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

  }



  .f24snow ul.f24snow_productList li .f24snow_productListSub {

    margin-top: 0.2em;

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

  }



  .f24snow ul.f24snow_productList li .f24snow_productListsPrice {

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

  }



  .f24snow ul.f24snow_productList li .itemBtnArea {

    margin: 1em auto 0;

  }



  .f24snow ul.f24snow_productList li.name {

    width: calc(100% - 60px);

    padding-bottom: 1.46em;

  }



  .f24snow ul.f24snow_productList li .itemName {

    margin-bottom: 0.4em;

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

    line-height: 1;

    white-space: nowrap;

  }



  .f24snow ul.f24snow_productList li .itemNameJP {

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

    line-height: 1;

  }



  .f24snow ul.f24snow_productList li .itemBtnArea a {

    padding: 1em 1.8em;

  }



  .pane-main {

    padding-bottom: 0;

  }

}









.f24snow .__btn {

  text-align: right;

}



.f24snow .__pagetop {

  padding: 130px 0 160px;

  text-align: center;

  background-color: #106594;

}



.f24snow .__pagetop a {

  margin-right: 100px;

  font-weight: bold;

  color: #fff;

}



.f24snow .__pagetop a .icon {

  margin-left: 1.4em;

  position: relative;

  top: 25px;

  display: inline-block;

}



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

  .f24snow .__pagetop a:hover {

    background-color: inherit;

    transition: all ease .3s;

    opacity: .6;

  }

}



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

  .f24snow .__pagetop a .icon {

    width: 35px;

    height: 35px;

    top: 10px;

  }



  .f24snow .__pagetop {

    padding: 34px 0 54px;

  }



  .f24snow .__pagetop a {

    margin-right: 25px;

  }

}





.mhw_f23_btmImgInner img {

  width: 100%;

  max-width: none;

}











/* movie */

.movieArea .yt-wrap {

  width: 100%;

  max-width: 960px;

  margin: 0 auto 200px;

}



.movieArea .yt-block {

  /* margin: 0 auto; */

  position: relative;

}



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

  .movieArea .yt-wrap {

    max-width: none;

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

  }

}



.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: calc(100% + 1px);

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

  background-size: 100% auto;

}



.videoWrapper.pv:after {

  display: none;

}



.yt-block .play {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  margin: auto;

  width: 91px;

  height: 79px;

  cursor: pointer;

  opacity: .7;

}



.yt-block .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) {

  .yt-block .play:hover {

    opacity: 1;

  }

}



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

  .yt-block .play {

    width: 50px;

    height: 42px;

  }



  .yt-block .play:before {

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

    background-size: cover;

    width: 50px;

    height: 42px;

  }

}











/* slider wide */

.productWideSlideArea {

  overflow: hidden;

}



.productWideSlideArea .productWideSlide {

  max-width: 1020px;

  margin: 0 auto;

}



.productWideSlide .slick-list {

  overflow: visible;

}



.productWideSlide .slick-list .slick-track {

  display: flex;

  align-items: center;

}



.productWideSlide .slick-list .slick-slide {

  margin: 0 10px;

}



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

  .productWideSlideArea .productWideSlide {

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

  }



  .productWideSlideArea .productWideSlide img {

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

  }

}





/* slider */

.f24snow .slick-slider .slick-arrow {

  opacity: 1;

  transition: opacity ease .3s;

  z-index: 8;

  position: absolute;

}



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

  opacity: 0.8;

  cursor: pointer;

}



.f24snow .slick-slider .slick-arrow.slick-disabled {

  opacity: 0;

  pointer-events: none;

}



.f24snow .slider {

  margin: 0 auto;

}



.f24snow .f24snow_productSlideArea .f24snow_productSlideThumb .slick-slide {

  position: relative;

  background-color: #c0c0c0;

  border: none;

}



.f24snow .f24snow_productSlideArea .f24snow_productSlideThumb .slick-slide.slick-current:before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-color: rgba(0, 0, 0, 0.3);

}



.f24snow .f24snow_productSlideArea .f24snow_productSlideThumb .slick-slide img {

  width: 200px;

  height: 200px;

  object-fit: cover;

}



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

  .f24snow .f24snow_productSlideArea {

    margin-top: 40px;

    margin-bottom: 70px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    flex-direction: row-reverse;

  }



  .f24snow .f24snow_productSlideArea .f24snow_productSlideMain {

    width: 636px;

    height: 600px;

    margin-right: 50px;

  }



  .f24snow .f24snow_productSlideArea .f24snow_productSlideThumb {

    width: 200px;

    margin-top: 64px;

  }



  .f24snow .f24snow_productSlideArea .f24snow_productSlideThumb .slick-slide {

    margin: 15px 0;

  }



  .f24snow .slick-slider .slick-arrow.prev-arrow {

    width: 64px;

    left: -32px;

    top: 50%;

    transform: translateY(-50%);

  }



  .f24snow .slick-slider .slick-arrow.next-arrow {

    width: 64px;

    right: -32px;

    top: 50%;

    transform: translateY(-50%);

  }



  .f24snow .f24snow_productSlideThumbSlick.slick-slider .slick-arrow.prev-arrow {

    width: 28px;

    left: 50%;

    top: 0;

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

  }



  .f24snow .f24snow_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) {

  .f24snow .f24snow_productSlideArea {

    width: 100%;

    margin: 0 auto;

    display: block;

  }



  .f24snow .f24snow_productSlideArea .f24snow_productSlideMain {

    width: 100%;

    height: auto;

    margin-right: 0;

    margin-bottom: 20px;

  }



  .f24snow .f24snow_productSlideArea .f24snow_productSlideMain .slick-slider .slick-arrow.prev-arrow,

  .f24snow .f24snow_productSlideArea .f24snow_productSlideMain .slick-slider .slick-arrow.next-arrow {

    top: 50%;

  }



  .f24snow .f24snow_productSlideArea .f24snow_productSlideMain .slick-slide {

    margin: 0 1px;

  }



  .f24snow .f24snow_productSlideArea .f24snow_productSlideThumb {

    width: 106%;

    margin-bottom: 20px;

    margin-left: -3%;

  }



  .f24snow .f24snow_productSlideArea .f24snow_productSlideThumb .slick-slide {

    margin: 0 10px;

  }



  .f24snow .slick-slide img.f24snow_productSlidePt {

    padding-top: 0;

  }



  .f24snow .glArea .gearSliderArea .slick-arrow {

    opacity: 1 !important;

  }



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

    opacity: 0 !important;

  }



  .f24snow .slick-slider .slick-arrow.prev-arrow {

    width: 36px;

    left: -12px;

    top: 45%;

    transform: translateY(-50%);

  }



  .f24snow .slick-slider .slick-arrow.next-arrow {

    width: 36px;

    right: -12px;

    top: 45%;

    transform: translateY(-50%);

  }



  .f24snow .f24snow_productSlideThumbSlick.slick-slider .slick-arrow.prev-arrow {

    width: 14px;

    left: -2px;

    top: 50%;

    transform: translateY(-50%);

  }



  .f24snow .f24snow_productSlideThumbSlick.slick-slider .slick-arrow.next-arrow {

    width: 14px;

    right: -2px;

    top: 50%;

    transform: translateY(-50%);

  }



  .f24snow .f24snow_productSlideArea .f24snow_productSlideThumb .slick-slide img {

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

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

    object-fit: cover;

  }

}



.f24snow .productListArea {

  max-width: 1200px;

  margin: 0 auto;

}



.f24snow .productListArea .slick-slide {

  background-color: #ced0d1;

}



.f24snow .productListArea .slick-slider .slick-arrow.prev-arrow {

  left: -25px;

}



.f24snow .productListArea .slick-slider .slick-arrow.next-arrow {

  right: -25px;

}



.f24snow .slick-dots {

  margin-top: 30px;

  display: flex;

  justify-content: center;

}



.f24snow .slick-dots button {

  width: 20px;

  height: 20px;

  margin: 0 8px;

  display: block;

  font-size: 0;

  line-height: 0;

  background-color: #8f8b94;

  border-radius: 100px;

}



.f24snow .slick-dots .slick-active button {

  background-color: #f3fd30;

}



.f24snow #equip_item02.f24snow_Ancher,

.f24snow #equip_item04.f24snow_Ancher {

  margin-top: -140px;

  padding-top: 140px;

}



.f24snow .otherTitle {

  margin: 0 0 0.4em;

  font-size: 56px;

  font-weight: 700;

  color: var(--color-yellow);

}



.productPanelList {

  margin-bottom: 200px;

  display: flex;

  background-color: #aeb0b3;

}



.productPanelArea .productPanel {

  width: 100%;

  position: relative;

}



.productPanelArea .productPanel .img {

  width: 100%;

  height: 100%;

}



.productPanelArea .productPanel .img img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.productPanelArea .productPanel .text {

  width: 100%;

  position: absolute;

  bottom: 24px;

  text-align: center;

}



.productPanelArea .productPanel .text .sex {

  margin-bottom: 0.4em;

  font-size: 18px;

  font-weight: 700;

  line-height: 0.9;

}



.productPanelArea .productPanel .text .sex.mens {

  color: #1D85BC;

}



.productPanelArea .productPanel .text .sex.womens {

  color: #E13A62;

}



.productPanelArea .productPanel .text .info01 {

  margin-bottom: 0.2em;

  font-size: calc(36px * 0.84);

  font-weight: 700;

  line-height: 0.9;

  color: #fff;

}



.productPanelArea .productPanel .text .info02 {

  margin-bottom: 0.1em;

  font-size: calc(18px * 0.84);

  font-weight: 700;

  line-height: 1;

  color: #fff;

  letter-spacing: 0.02em;

}



.productPanelArea .productPanel .text .num {

  margin-bottom: 0.3em;

  font-size: calc(18px * 0.84);

  font-weight: 700;

  line-height: 1.2;

  color: #fff;

}



.productPanelArea .productPanel .text .num .tax {

  padding-left: 0.3em;

  font-size: 80%;

}



.f24snow .productPanelArea .itemBtnArea {

  margin-top: 0;

}



.f24snow .productPanelArea .itemBtnArea a {

  width: calc(200px * 0.72);

  padding: 0.8em 1em;

  font-size: calc(18px * 0.84);

  background: linear-gradient(135deg, transparent 6px, #fff 0) top left, linear-gradient(-135deg, transparent 6px, #fff 0) top right, linear-gradient(-45deg, transparent 6px, #fff 0) bottom right, linear-gradient(45deg, transparent 6px, #fff 0) bottom left;

  background-size: 52% 52%;

  background-repeat: no-repeat;

  font-weight: 700;

  color: #000;

}



.f24snow .productListArea .slide-arrow {}



.f24snow .productListArea .slide-arrow.prev-arrow:before,

.f24snow .productListArea .slide-arrow.next-arrow:before {

  border-top: #fff 2px solid;

  border-right: #fff 2px solid;

}



.f24snow .productListArea .itemBtnArea:before {

  content: none;

}



@media (hover: hover) {

  .f24snow .productLink a:hover {

    border-bottom: none;

  }



  .f24snow .productPanelArea .itemBtnArea a:hover {

    background: linear-gradient(135deg, transparent 6px, #100f10 0) top left, linear-gradient(-135deg, transparent 6px, #100f10 0) top right, linear-gradient(-45deg, transparent 6px, #100f10 0) bottom right, linear-gradient(45deg, transparent 6px, #100f10 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

    color: #fff;

  }



  .f24snow .productListArea .slide-arrow:hover {

    background-color: #f3fd30;

  }



  .f24snow .productListArea .slide-arrow.prev-arrow:hover:before,

  .f24snow .productListArea .slide-arrow.next-arrow:hover:before {

    border-top: #000 2px solid;

    border-right: #000 2px solid;

  }

}



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

  .f24snow .f24snow_Prodcts01Inner {

    margin: 0 auto 100px;

    padding: 0;

  }



  .f24snow .f24snow_Prodcts02Inner {

    padding: 0;

  }



  .f24snow .productLead {

    margin: 0 0 0.6em;

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

    line-height: 1;

    text-align: center;

  }



  .f24snow .productLink {

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

    position: relative;

    top: auto;

    right: auto;

    text-align: center;

  }



  .f24snow .productLink a {

    display: inline-block;

  }



  .f24snow .productListArea .slick-slider .slick-arrow.prev-arrow {

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

  }



  .f24snow .productListArea .slick-slider .slick-arrow.next-arrow {

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

  }



  .f24snow .slick-dots {

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

  }



  .f24snow .slick-dots button {

    width: 10px;

    height: 10px;

    margin: 0 4px;

  }



  .f24snow .otherTitle {

    margin: 0 0 0.4em;

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

    text-align: center;

  }



  .productPanelList {

    margin-bottom: calc(200/780*100vw);

    flex-wrap: wrap;

  }



  .productPanelList li {

    width: 50%;

  }



  .productPanelArea {

    display: flex;

    flex-wrap: wrap;

  }



  .productPanelArea .productPanel {

    width: 100%;

  }



  .productPanelArea .productPanel .text {

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

  }



  .productPanelArea .productPanel .text .sex {

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

  }



  .productPanelArea .productPanel .text .info01 {

    margin-bottom: 0.2em;

    line-height: 0.9;

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

  }



  .productPanelArea .productPanel .text .info02 {

    margin-bottom: 0.2em;

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

  }



  .productPanelArea .productPanel .text .num {

    margin-bottom: 0.4em;

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

  }



  .f24snow .productPanelArea .itemBtnArea a {

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

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

    background: linear-gradient(135deg, transparent 6px, #fff 0) top left, linear-gradient(-135deg, transparent 6px, #fff 0) top right, linear-gradient(-45deg, transparent 6px, #fff 0) bottom right, linear-gradient(45deg, transparent 6px, #fff 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

  }

}







/* btmMovie */

.f24snow_BtmMovie {

  background-color: #fff;

}



.f24snow_BtmMovie .f24snow_BtmMovieLogo {

  width: 717px;

  margin: 0 auto 3em;

  padding: 150px 0 0;

}



.f24snow_BtmMovie .f24snow_BtmMovieText {

  margin-bottom: 5em;

  font-size: 20px;

  font-weight: 600;

  text-align: center;

}



.f24snow_BtmMovie .movieAreaInner {

  width: 100%;

  max-width: 960px;

  margin: 0 auto;

}



.f24snow_BtmMovie .itemBtnArea {

  margin: 0 auto;

  padding-bottom: 260px;

}



.f24snow_BtmMovie .itemBtnArea a {

  background-color: #f3fd30;

  background: linear-gradient(135deg, transparent 12px, #f3fd30 0) top left, linear-gradient(-135deg, transparent 12px, #f3fd30 0) top right, linear-gradient(-45deg, transparent 12px, #f3fd30 0) bottom right, linear-gradient(45deg, transparent 12px, #f3fd30 0) bottom left;

  background-size: 52% 52%;

  background-repeat: no-repeat;

  color: #333;

}



.f24snow_BtmMovie .youtube {

  width: 100%;

  aspect-ratio: 16 / 9;

}



.f24snow_BtmMovie .youtube iframe {

  width: 100%;

  height: 100%;

}



@media (hover: hover) {

  .f24snow_BtmMovie .itemBtnArea a:hover {

    color: #fff;

    background-color: #100f10;

    background: linear-gradient(135deg, transparent 12px, #100f10 0) top left, linear-gradient(-135deg, transparent 12px, #100f10 0) top right, linear-gradient(-45deg, transparent 12px, #100f10 0) bottom right, linear-gradient(45deg, transparent 12px, #100f10 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

  }

}



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

  .f24snow_BtmMovie .f24snow_BtmMovieLogo {

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

    margin: 0 auto 3em;

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

  }



  .f24snow_BtmMovie .f24snow_BtmMovieText {

    margin-bottom: 4em;

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

  }



  .f24snow_BtmMovie .movieAreaInner {

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

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

  }



  .f24snow_BtmMovie .itemBtnArea {

    padding-bottom: calc(170/780*100vw);

  }



  .f24snow_BtmMovie .itemBtnArea a {

    color: #100f10;

    background-color: #f3fd30;

    background: linear-gradient(135deg, transparent 8px, #f3fd30 0) top left, linear-gradient(-135deg, transparent 8px, #f3fd30 0) top right, linear-gradient(-45deg, transparent 8px, #f3fd30 0) bottom right, linear-gradient(45deg, transparent 8px, #f3fd30 0) bottom left;

    background-size: 52% 52%;

    background-repeat: no-repeat;

    display: block;

    transition: none;

  }

}





/* 2024.10.3 movie調整 */

.hacobune-app-container {

  margin: 0 !important;

  padding: 0 !important;

}



.hacobune-unit-video {

  margin: 0 !important;

  padding: 0 !important;

}



.hacobune-unit-video-outline,

.hacobune-readmore {

  display: none;

}



.hacobune-unit-video-outline[data-v-2746a68e] {

  margin: 0 !important;

  padding: 0 !important;

}



.hacobune-readmore[data-v-6a52601a] {

  margin: 0 !important;

  padding: 0 !important;

}