#windbreaker {
  position: relative;
  margin: 0 auto;
  max-width: 1460px;
  width: 100%;
  background-image: url("/assets/front/img/windbreaker/bg-img.jpg");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}

#windbreaker * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#windbreaker .main-contents {
  position: relative;
}

#windbreaker .main-contents h1, #windbreaker .main-contents h2, #windbreaker .main-contents h3 {
  margin: 0;
}

#windbreaker .main-contents section {
  position: relative;
  text-align: center;
}

#windbreaker .main-contents section h2 > img, #windbreaker .main-contents section h3 > img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

#windbreaker .main-contents section.section-top > h2:first-of-type {
  padding-top: 0;
}

#windbreaker .main-contents section.goods_list > h3 {
  margin: 0 auto;
  width: 21.095890411%;
  font-size: 0;
  aspect-ratio: 308/105;
}
#windbreaker .main-contents section.goods_list > h3 img {
  width: 100%;
}

#windbreaker .main-contents section a {
  -webkit-transition: all .3s;
  transition: all .3s;
}

#windbreaker .main-contents section a:hover {
  opacity: 0.8;
  -webkit-transition: all .3s;
  transition: all .3s;
}

#windbreaker .main-contents section .item-container {
  position: relative;
}

#windbreaker .main-contents section.section-top {
  position: relative;
  margin-bottom: 14.24%;
}
#windbreaker .main-contents section.section-top > h1, #windbreaker .main-contents section.section-top > h2 {
  margin: 0 auto;
  font-size: 0;
}
#windbreaker .main-contents section.section-top > h1 img, #windbreaker .main-contents section.section-top > h2 img {
  width: 100%;
}

#windbreaker .main-contents section.section-top > h2 {
  padding-top: 17.4794520548%;
  width: 67.397260274%;
}

#windbreaker .main-contents section ul.goods_list-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 4.13% 0 0 0;
  padding-left: 0;
  width: 100%;
  list-style: none;
  gap: 0 4%;
}

#windbreaker .main-contents section ul.goods_list-container > li {
  position: relative;
  margin-bottom: 0;
  padding: 2.5% 2.5% 3%;
  max-width: 100%;
  width: 100%;
  background-image: url("/assets/front/img/windbreaker/frame_img.png");
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
}

#windbreaker .main-contents section ul.goods_list-container > li img {
  display: block;
  width: 100%;
}

#windbreaker .main-contents section ul.goods_list-container > li.col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2%;
}

#windbreaker .main-contents section.goods_list {
  margin-bottom: 9.8%;
  padding: 0 3.09%;
}

#windbreaker .main-contents section.goods_list h2 {
  display: block;
  margin: 0 auto;
  max-width: 456px;
  width: 32.5vw;
}

#windbreaker .main-contents section.goods_list h2 img {
  display: block;
  width: 100%;
}

#windbreaker .main-contents section.goods_list h2 .all_item_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}

#windbreaker .main-contents section.goods_list h2 .all_item_link img {
  max-width: 456px;
  width: 100%;
}

#windbreaker .main-contents section .message {
  margin: 0 auto;
  max-width: 825px;
  width: 57.74%;
}

#windbreaker .main-contents section .message img {
  display: block;
  width: 100%;
}

#windbreaker .main-contents .twitter {
  margin: 15.9863013699% auto 15.9863013699% auto;
  width: 49.6575342466%;
}

#windbreaker .main-contents .twitter > a {
  display: inline-block;
}

#windbreaker .main-contents .twitter > a img {
  width: 100%;
}

#windbreaker .main-contents .view_all {
  margin: 7.9589041096% auto 0 auto;
  width: 23.0821917808%;
}
#windbreaker .main-contents .view_all > a img {
  display: block;
  width: 100%;
}

#windbreaker .main-contents section .footer_logo {
  margin: 0 auto;
  max-width: 574px;
  width: 40%;
}

#windbreaker .main-contents section .footer_logo img {
  display: block;
  max-width: 574px;
  width: 100%;
}

#windbreaker .main-contents footer {
  margin: 5.6% auto 0;
  max-width: 100%;
  width: 100%;
}

#windbreaker .main-contents footer img {
  display: block;
  width: 100%;
}