body {
  margin: 0;
  padding: 0;
}

/*========================================== 
  0.reset
========================================== */
#main div, #main span, #main object, #main iframe, #main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main p, #main blockquote, #main pre, #main abbr, #main address, #main cite, #main code, #main del, #main dfn, #main em, #main img, #main ins, #main kbd, #main q, #main samp, #main small, #main strong, #main sub, #main sup, #main var, #main b, #main i, #main dl, #main dt, #main dd, #main ol, #main ul, #main li, #main fieldset, #main form, #main label, #main legend, #main table, #main caption, #main tbody, #main tfoot, #main thead, #main tr, #main th, #main td, #main article, #main aside, #main canvas, #main details, #main figcaption, #main figure, #main footer, #main header, #main hgroup, #main menu, #main nav, #main section, #main summary, #main time, #main mark, #main audio, #main video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
}
#main *,
#main *::before,
#main *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "M PLUS Rounded 1c", sans-serif;
  font-weight: 900;
}
#main article, #main aside, #main details, #main figcaption, #main figure, #main footer, #main header, #main hgroup, #main menu, #main nav, #main section, #main main {
  display: block;
}
#main ul, #main li {
  list-style: none;
}
#main blockquote, #main q {
  quotes: none;
}
#main blockquote::before, #main blockquote::after, #main q::before, #main q::after {
  content: "";
  content: none;
}
#main a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  background: transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
}
#main address {
  font-style: normal;
}
#main ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
#main mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
#main del {
  text-decoration: line-through;
}
#main table {
  border-collapse: collapse;
  border-spacing: 0;
}
#main hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #444;
  margin: 1em 0;
  padding: 0;
}
#main input, #main select {
  vertical-align: middle;
}
#main button {
  margin: 0;
}
#main a,
#main a:link,
#main a:visited {
  text-decoration: none;
}
#main img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

#main {
  max-width: 1920px;
  margin: auto;
}
#main .-tb,
#main .-sp {
  display: none !important;
}
#main .-pc {
  display: block !important;
}
#main .wrap {
  max-width: 1020px;
  margin: auto;
  padding: 0 10px;
}
#main .contentWrap {
  max-width: 920px;
  margin: auto;
  padding: 0 10px;
}
#main .mv .mvWrap {
  background: url("../images/goon/gungun/mv_bg.png") 0 0 no-repeat;
  background-size: cover;
  background-position: bottom;
  padding: 16px 0 25px;
}
#main .mv .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
#main .mv h1 {
  width: 45.5%;
}
#main .mv .mv_productImgWrap {
  width: 37.5%;
  margin-left: 5.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#main .mv .mv_productImgWrap li:nth-of-type(1) {
  width: 52.8%;
}
#main .mv .mv_productImgWrap li:nth-of-type(2) {
  width: 37.8666666667%;
}
#main .mv .saleDate {
  font-weight: 900;
  font-size: 32px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  text-align: center;
  letter-spacing: 1.28px;
  color: #FFFFFF;
  background: #1D2088;
  padding: 10px 0;
}
#main .mv .saleDate span {
  font-size: 19px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
}
#main .mv .trademark {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 11.1969111969%;
}
#main .comparison {
  padding: 50px 0 155px;
  text-align: center;
}
#main .comparison ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  border: dotted 4px #FDD234;
  border-radius: 20px;
  padding: 15px 5% 20px 4%;
}
#main .comparison p {
  margin-top: 27px;
}
#main .comparison .comparisonOld {
  width: 36.7549668874%;
  position: relative;
}
#main .comparison .comparisonOld::before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 30px solid #fdd234;
  border-right: 0;
  position: absolute;
  top: 40px;
  right: -50px;
}
#main .comparison .comparisonOld p {
  font-weight: 700;
  font-size: 20px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  line-height: 1.2;
  color: #2D2D2D;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#main .comparison .comparisonOld p .mark {
  font-size: 14px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  width: 64px;
  height: 40px;
  background: #CFCFCF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 6px;
}
#main .comparison .comparisonNew {
  width: 55.1876379691%;
}
#main .comparison .comparisonNew p {
  font-weight: 900;
  font-size: 24px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  line-height: 1.2;
  color: #000000;
}
#main .comparison .comparisonNew p span {
  font-size: 900;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  background: #FDD234;
}
#main .feature {
  padding: 30px 0 135px;
  background: #FDD234;
  position: relative;
}
#main .feature::before {
  content: "";
  background: url("../images/goon/gungun/feature_bg.png") 0 0 no-repeat;
  background-size: contain;
  width: 621px;
  height: 116px;
  position: absolute;
  top: -116px;
  left: 0;
}
#main .feature h2 {
  font-weight: 900;
  font-size: 32px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  line-height: 1;
  letter-spacing: 3.2px;
  color: #3E1712;
}
#main .nav {
  margin-top: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#main .nav li {
  width: 23%;
}
#main .product, #main .kinds {
  background: #fff;
  border-radius: 10px;
}
#main .product {
  padding: 0 10px 10px 20px;
}
#main .product h3 {
  text-align: center;
  position: relative;
  top: -18px;
}
#main .product .sizeComparison {
  margin: 30px 10px 0 0;
}
#main .product .productBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 10px 0 0;
}
#main .product .productBody .productImg {
  width: 24.0229885057%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#main .product .sup {
  font-size: 10px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: -0.1px;
  color: #009DE1;
  margin-top: 20px;
}
#main .productFeature .productFeatureItem {
  position: relative;
}
#main .productFeature figure {
  position: absolute;
  top: -24px;
  right: 0;
  width: 93px;
}
#main .productFeature figure img {
  width: 100%;
}
#main .productFeature dl {
  background: -ms-linear-gradient(0deg, rgb(255, 255, 255) 0.01%, rgb(251, 253, 254) 14.26%, rgb(238, 246, 252) 29%, rgb(226, 240, 250) 38.67%, rgb(222, 238, 249) 54.64%, rgb(209, 232, 248) 71.18%, rgb(189, 223, 245) 87.92%, rgb(169, 214, 242) 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#A9D6F2' ,GradientType=0)";
  background: -webkit-gradient(linear, left top, right top, color-stop(0.01%, rgb(255, 255, 255)), color-stop(14.26%, rgb(251, 253, 254)), color-stop(29%, rgb(238, 246, 252)), color-stop(38.67%, rgb(226, 240, 250)), color-stop(54.64%, rgb(222, 238, 249)), color-stop(71.18%, rgb(209, 232, 248)), color-stop(87.92%, rgb(189, 223, 245)), to(rgb(169, 214, 242)));
  background: linear-gradient(90deg, rgb(255, 255, 255) 0.01%, rgb(251, 253, 254) 14.26%, rgb(238, 246, 252) 29%, rgb(226, 240, 250) 38.67%, rgb(222, 238, 249) 54.64%, rgb(209, 232, 248) 71.18%, rgb(189, 223, 245) 87.92%, rgb(169, 214, 242) 100%);
  filter: alpha(opacity=50) progid:DXImageTransform.Microsoft.Alpha(opacity=50) progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF",endColorstr="#A9D6F2" , GradientType=1);
  width: 312px;
  margin-top: 23px;
  padding: 14px 20px 10px 15px;
  position: relative;
  border-radius: 5px;
}
#main .productFeature dt {
  font-weight: 900;
  font-size: 19px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  line-height: 1;
  letter-spacing: -1px;
  color: #0067B0;
}
#main .productFeature dt .subTxt {
  font-size: 11px;
  color: #009DE1;
  line-height: 2;
  letter-spacing: -0.5px;
}
#main .productFeature dt .subTxt span {
  font-size: 14px;
}
#main .productFeature dd p {
  font-size: 12px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: -0.72px;
  color: #000000;
  margin-top: 10px;
}
#main .productFunction {
  margin-top: 30px;
  padding: 0 10px;
}
#main .productFunction h4 {
  background: url("../images/goon/gungun/pop_bg.png") 0 0 no-repeat;
  background-size: 100% 100%;
  font-weight: 900;
  font-size: 12px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  line-height: 1.6;
  text-align: center;
  color: #FFFFFF;
  border-radius: 5px;
  padding: 8px 6px;
  position: relative;
}
#main .productFunction h4::before {
  content: "";
  background: url("../images/goon/gungun/pop_arrow.png") 0 0 no-repeat;
  background-size: contain;
  width: 22px;
  height: 16px;
  position: absolute;
  bottom: -14px;
  right: 68px;
}
#main .productFunction ul {
  max-width: 280px;
  margin: 20px auto 0;
}
#main .productFunction li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#main .productFunction li .body {
  margin-left: 6px;
}
#main .productFunction li p {
  font-size: 17px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
  line-height: 1.3;
  color: #0067B0;
  position: relative;
}
#main .productFunction li p.subTxt {
  font-size: 12px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  color: #009DE1;
}
#main .productFunction li p .supIcon {
  font-size: 12px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  color: #009DE1;
  position: absolute;
  top: -10px;
  right: -16px;
}
#main .kinds {
  background: #fff url("../images/goon/gungun/kinds_bg.png") 0 0 no-repeat;
  background-size: 100% 100%;
  margin-top: 23px;
  padding: 12px 27px 14px 43px;
  position: relative;
}
#main .kinds h3 {
  position: absolute;
  top: -11px;
  left: -18px;
  width: 32.6666666667%;
}
#main .kinds .kindsBody {
  margin: 0 0 0 auto;
  width: 70.4957678356%;
}
#main .kinds .productImgWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}
#main .kinds .productImgWrap figure:nth-of-type(1) {
  width: 47.400241838%;
}
#main .kinds .productImgWrap figure:nth-of-type(2) {
  width: 48.8512696493%;
}
#main .sec01 {
  padding-top: 60px;
}
#main .sec01 .product {
  background: #fff url("../images/goon/gungun/sec01_ttlbg.png") 0 0 no-repeat;
  background-size: 100% auto;
  border: solid 2px #54AA66;
}
#main .sec02 {
  padding-top: 60px;
}
#main .sec02 .product {
  background: #fff url("../images/goon/gungun/sec02_ttlbg.png") 0 0 no-repeat;
  background-size: 100% auto;
  border: solid 2px #DC732C;
}
#main .sec02 .product .productBody {
  margin-top: 20px;
}
#main .sec03 {
  padding-top: 60px;
}
#main .sec03 .product {
  background: #fff url("../images/goon/gungun/sec03_ttlbg.png") 0 0 no-repeat;
  background-size: 100% auto;
  border: solid 2px #008AC0;
}
#main .sec04 {
  padding-top: 60px;
}
#main .sec04 .product {
  background: #fff url("../images/goon/gungun/sec04_ttlbg.png") 0 0 no-repeat;
  background-size: 100% auto;
  border: solid 2px #6B5197;
}
#main .sec04 .productFunction {
  width: 282px;
}
#main .sec04 .productFunction li {
  margin-top: 10px;
}
#main .sec04 .productFunction li:first-of-type {
  margin: 0;
}
#main .lineup {
  background: url("../images/goon/gungun/lineup_bg.png") 0 0 no-repeat;
  background-size: cover;
  padding: 114px 0;
  text-align: center;
}
#main .lineup h2 {
  font-weight: 900;
  font-size: 25px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  line-height: 26.87px;
  letter-spacing: 2.5px;
  color: #FFFFFF;
  background: #3E1712;
  padding: 10px 26px;
  border-radius: 30px;
  display: inline-block;
}
#main .lineup ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 28px;
}
#main .lineup li {
  background: #fff;
  width: 23.3333333333%;
  border: solid 1px #FDD234;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 10px 10px 15px;
}
#main .lineup p {
  font-weight: 900;
  font-size: 19px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  line-height: 1.7;
  letter-spacing: -1px;
  color: #000000;
  width: 100%;
}
#main .lineup p.size {
  padding-bottom: 2px;
  border-bottom: solid 1px #FDD234;
  margin-top: 27px;
}
#main .lineup p span {
  font-size: 10px;
  -webkit-transform: rotateZ(0.03deg);
          transform: rotateZ(0.03deg);
  font-weight: 900;
}
#main .lineup p .unit {
  font-size: 16px;
  margin-left: 4px;
}
#main .otherItem {
  padding: 90px 0;
  text-align: center;
}
#main .otherItem a {
  margin-top: 28px;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes UpAnime {
  from {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate(-50%, -100px);
            transform: translate(-50%, -100px);
  }
}
@keyframes UpAnime {
  from {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate(-50%, -100px);
            transform: translate(-50%, -100px);
  }
}
@-webkit-keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -100px);
            transform: translate(-50%, -100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes DownAnime {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, -100px);
            transform: translate(-50%, -100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 700px) {
  #main {
    max-width: 100%;
    margin: auto;
  }
  #main .-pc,
  #main .-tb {
    display: none !important;
  }
  #main .-sp {
    display: block !important;
  }
  #main img {
    width: 100%;
    height: auto;
  }
  #main .wrap {
    max-width: 100%;
    margin: auto;
    padding: 0 10px;
  }
  #main .contentWrap {
    max-width: 91.3333333333vw;
    margin: auto;
    padding: 0;
  }
  #main .mv .mvWrap {
    background: url("../images/goon/gungun/mv_bg-sp.png?v=2") 0 0 no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 4.8vw 0 7.2vw;
  }
  #main .mv .wrap {
    display: block;
  }
  #main .mv h1 {
    width: 92.8vw;
    margin: auto;
  }
  #main .mv .mv_productImgWrap {
    width: 69.3333333333vw;
    margin: auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #main .mv .mv_productImgWrap li:nth-of-type(1) {
    width: 37.3333333333vw;
    position: relative;
    top: 2.6666666667vw;
  }
  #main .mv .mv_productImgWrap li:nth-of-type(2) {
    width: 27.0666666667vw;
  }
  #main .mv .saleDate {
    font-size: 5.8666666667vw;
    letter-spacing: 1px;
    padding: 1.3333333333vw 0;
  }
  #main .mv .saleDate span {
    font-size: 3.7333333333vw;
  }
  #main .mv .trademark {
    left: 4.8vw;
    right: auto;
    width: 33.0666666667vw;
  }
  #main .comparison {
    padding: 18.6666666667vw 0 0;
  }
  #main .comparison ul {
    display: block;
    border: dotted 0.5333333333vw #FDD234;
    border-radius: 2.6666666667vw;
    padding: 32vw 4vw 6.6666666667vw;
    position: relative;
  }
  #main .comparison .comparisonOld {
    width: 67.4666666667vw;
    margin: auto;
    position: absolute;
    bottom: 16vw;
    top: -13.3333333333vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #main .comparison .comparisonOld::before {
    content: "";
    border-top: 2.1333333333vw solid transparent;
    border-bottom: 2.1333333333vw solid transparent;
    border-left: 4vw solid #fdd234;
    top: auto;
    top: 42.6666666667vw;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
    right: auto;
  }
  #main .comparison .comparisonOld figure {
    bottom: 0;
  }
  #main .comparison .comparisonOld p {
    font-size: 3.4666666667vw;
    margin-top: 1.3333333333vw;
  }
  #main .comparison .comparisonOld p .mark {
    font-size: 2.4vw;
    width: 10.8vw;
    height: 5.3333333333vw;
    margin-right: 1.8666666667vw;
  }
  #main .comparison .comparisonNew {
    width: 82.6666666667vw;
    margin: auto;
  }
  #main .comparison .comparisonNew p {
    font-size: 4vw;
    margin-top: 5.3333333333vw;
  }
  #main .feature {
    margin-top: 81.7333333333vw;
    padding-bottom: 16.8vw;
  }
  #main .feature::before {
    content: "";
    background: url("../images/goon/gungun/feature_bg-sp.png") 0 0 no-repeat;
    background-size: contain;
    width: 58.2666666667vw;
    height: 15.7333333333vw;
    top: -15.7333333333vw;
  }
  #main .feature h2 {
    font-size: 5.8666666667vw;
    letter-spacing: 0.5866666667vw;
  }
  #main .nav {
    width: 84.8vw;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: absolute;
    top: -70.6666666667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #main .nav li {
    width: 40.2666666667vw;
  }
  #main .nav li:nth-of-type(3), #main .nav li:nth-of-type(4) {
    margin-top: 3.2vw;
  }
  #main .product, #main .kinds {
    border-radius: 3.3333333333vw;
  }
  #main .product {
    padding: 0 0 4vw 0;
  }
  #main .product h3 {
    top: -4vw;
  }
  #main .product .subttl {
    width: 76.4vw;
    margin: 4vw auto 0;
  }
  #main .product .productBody {
    display: block;
  }
  #main .product .productBody .productImg {
    width: 100%;
  }
  #main .product .sup {
    font-size: 2.8vw;
    font-weight: 400;
    margin-top: 1.0666666667vw;
    padding: 0 3.2vw;
  }
  #main .product .supList li {
    font-weight: 400;
    position: relative;
    padding-left: 1em;
  }
  #main .product .supList li span {
    position: absolute;
    top: 0;
    left: 0;
  }
  #main .productFeature .productFeatureItem {
    position: relative;
  }
  #main .productFeature figure {
    position: absolute;
    top: 50%;
    right: 1.3333333333vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 28.1333333333vw;
    height: 28.1333333333vw;
  }
  #main .productFeature dl {
    width: 87.3333333333vw;
    margin-top: 8vw;
    padding: 2.4vw 28vw 2.4vw 4.5333333333vw;
    border-radius: 0.6666666667vw;
  }
  #main .productFeature dt {
    font-size: 5.0666666667vw;
  }
  #main .productFeature dt .subTxt {
    font-size: 3.3333333333vw;
    letter-spacing: -1px;
  }
  #main .productFeature dt .subTxt span {
    font-size: 3.8666666667vw;
  }
  #main .productFeature dd p {
    font-size: 3.0666666667vw;
    margin-top: 1.3333333333vw;
    line-height: 1.4;
  }
  #main .productFunction {
    margin-top: 6.6666666667vw;
    padding: 0 2.4vw;
  }
  #main .productFunction h4 {
    font-size: 3.3333333333vw;
    border-radius: 0.6666666667vw;
    padding: 2.4vw 0.8vw;
    position: relative;
  }
  #main .productFunction h4::before {
    content: "";
    width: 4.8vw;
    height: 3.4666666667vw;
    bottom: -3.3333333333vw;
    right: 29.7333333333vw;
  }
  #main .productFunction ul {
    max-width: 100%;
    margin: 2.6666666667vw auto 0;
    padding: 0 2.4vw;
  }
  #main .productFunction li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #main .productFunction li figure {
    width: 20.2666666667vw;
    height: 20.2666666667vw;
  }
  #main .productFunction li .body {
    margin-left: 2.6666666667vw;
  }
  #main .productFunction li p {
    font-size: 5.0666666667vw;
  }
  #main .productFunction li p.subTxt {
    font-size: 3.7333333333vw;
  }
  #main .productFunction li p .supIcon {
    font-size: 2.6666666667vw;
    top: -1.3333333333vw;
    right: -4.5333333333vw;
  }
  #main .kinds {
    background: #fff url("../images/goon/gungun/kinds_bg-sp.png") 0 0 no-repeat;
    background-size: 100% 100%;
    margin-top: 10vw;
    padding: 8vw 0 2vw;
    position: relative;
  }
  #main .kinds h3 {
    position: absolute;
    top: -8.5333333333vw;
    left: -2.4vw;
    width: 68.4vw;
  }
  #main .kinds .kindsBody {
    margin: 0 auto;
    width: 84vw;
  }
  #main .kinds .productImgWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 8px;
  }
  #main .kinds .productImgWrap figure:nth-of-type(1) {
    width: 85.6vw;
  }
  #main .kinds .productImgWrap figure:nth-of-type(2) {
    width: 86.4vw;
    margin-top: 1.0666666667vw;
  }
  #main .sec01 {
    padding-top: 9.0666666667vw;
  }
  #main .sec01 .product {
    background: #fff url("../images/goon/gungun/sec01_ttlbg-sp.png") 0 0 no-repeat;
    background-size: contain;
    border: solid 2px #54AA66;
    position: relative;
  }
  #main .sec01 .product h3 {
    width: 72.4vw;
    margin: auto;
  }
  #main .sec01 .sizeComparison {
    position: absolute;
    top: 80vw;
    left: 2vw;
    width: 91.4666666667vw;
    margin: 0 calc(50% - 50vw);
  }
  #main .sec01 .productImg figure {
    width: 42.4vw;
  }
  #main .sec01 .productFeature .productFeatureItem:nth-of-type(1) dl {
    margin-top: 77.3333333333vw;
  }
  #main .sec02 {
    padding-top: 16.8vw;
  }
  #main .sec02 .product {
    background: #fff url("../images/goon/gungun/sec02_ttlbg-sp.png") 0 0 no-repeat;
    background-size: contain;
    border: solid 2px #DC732C;
  }
  #main .sec02 .product h3 {
    width: 72.4vw;
    margin: auto;
  }
  #main .sec02 .product .productBody {
    margin-top: 0;
  }
  #main .sec02 .productImg figure {
    width: 42.4vw;
  }
  #main .sec03 {
    padding-top: 16.8vw;
  }
  #main .sec03 .product {
    background: #fff url("../images/goon/gungun/sec03_ttlbg-sp.png") 0 0 no-repeat;
    background-size: contain;
    border: solid 2px #008AC0;
  }
  #main .sec03 .product h3 {
    width: 72.4vw;
    margin: auto;
  }
  #main .sec03 .productImg figure {
    width: 40.4vw;
  }
  #main .sec04 {
    padding-top: 16.8vw;
  }
  #main .sec04 .product {
    background: #fff url("../images/goon/gungun/sec04_ttlbg-sp.png") 0 0 no-repeat;
    background-size: contain;
    border: solid 2px #6B5197;
  }
  #main .sec04 .product h3 {
    width: 79.7333333333vw;
    margin: auto;
  }
  #main .sec04 .productImg figure {
    width: 27.3333333333vw;
  }
  #main .sec04 .productFunction {
    width: 100%;
  }
  #main .sec04 .productFunction li {
    width: 76vw;
    margin: 0 auto;
  }
  #main .sec04 .productFunction li:first-of-type {
    margin: 0 auto;
  }
  #main .lineup {
    padding: 11.6vw 0;
  }
  #main .lineup h2 {
    font-size: 4.2666666667vw;
    line-height: 1.2;
    letter-spacing: 0.4266666667vw;
    padding: 1.3333333333vw 3.4666666667vw;
    border-radius: 4vw;
  }
  #main .lineup ul {
    width: 76.5333333333vw;
    margin: auto;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 3.7333333333vw;
  }
  #main .lineup li {
    width: 36.5333333333vw;
    border-radius: 1.3333333333vw;
    padding: 2.6666666667vw 1.3333333333vw 2vw;
  }
  #main .lineup li figure {
    margin: auto;
  }
  #main .lineup li:nth-of-type(3), #main .lineup li:nth-of-type(4) {
    margin-top: 3.7333333333vw;
  }
  #main .lineup li:nth-of-type(1) figure {
    width: 26.9333333333vw;
  }
  #main .lineup li:nth-of-type(2) figure {
    width: 26.9333333333vw;
  }
  #main .lineup li:nth-of-type(3) figure {
    width: 24.6666666667vw;
  }
  #main .lineup li:nth-of-type(4) figure {
    width: 19.8666666667vw;
  }
  #main .lineup p {
    font-size: 3.2vw;
  }
  #main .lineup p.size {
    padding-bottom: 0.2666666667vw;
  }
  #main .lineup p span {
    font-size: 2.5vw;
  }
  #main .lineup p .unit {
    font-size: 2.85vw;
    margin-left: 0.5333333333vw;
    letter-spacing: -0.1px;
  }
  #main .otherItem {
    padding: 8.6666666667vw 0;
    text-align: center;
  }
  #main .otherItem h2 {
    width: 80.1333333333vw;
    margin: auto;
  }
  #main .otherItem a {
    margin-top: 4.6666666667vw;
  }
}