@font-face {
  font-family: "mplus";
  src: url("/product/pickup/outdoor/font/mplus/mplus-1p-thin.woff") format("woff"), url("/product/pickup/outdoor/font/mplus/mplus-1p-thin.ttf") format("truetype");
  font-weight: 200;
}
@font-face {
  font-family: "mplus";
  src: url("/product/pickup/outdoor/font/mplus/mplus-1p-light.woff") format("woff"), url("/product/pickup/outdoor/font/mplus/mplus-1p-light.ttf") format("truetype");
  font-weight: 300;
}
@font-face {
  font-family: "mplus";
  src: url("/product/pickup/outdoor/font/mplus/mplus-1p-regular.woff") format("woff"), url("/product/pickup/outdoor/font/mplus/mplus-1p-regular.ttf") format("truetype");
  font-weight: 400;
}
@font-face {
  font-family: "mplus";
  src: url("/product/pickup/outdoor/font/mplus/mplus-1p-medium.woff") format("woff"), url("/product/pickup/outdoor/font/mplus/mplus-1p-medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "mplus";
  src: url("/product/pickup/outdoor/font/mplus/mplus-1p-bold.woff") format("woff"), url("/product/pickup/outdoor/font/mplus/mplus-1p-bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(/product/pickup/outdoor/font/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(/product/pickup/outdoor/font/iconfont/MaterialIcons-Regular.woff2) format("woff2"), url(/product/pickup/outdoor/font/iconfont/MaterialIcons-Regular.woff) format("woff"), url(/product/pickup/outdoor/font/iconfont/MaterialIcons-Regular.ttf) format("truetype");
}
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /*inherit*/
  line-height: 1; /*inherit*/
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}

@media screen and (orientation: landscape) {
  /* 横向きの場合のスタイル */
  .landscape {
    display: block !important;
  }
  .portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  /* 縦向きの場合のスタイル */
  .landscape {
    display: none !important;
  }
  .portrait {
    display: block !important;
  }
}

.negativemargin_main {
  margin-top: -90px;
}
@media screen and (max-width: 64em) {
  .negativemargin_main {
    margin-top: -60px;
  }
}
header {
  background-color: #fff !important;
}
.footer {
  position: relative;
}

.archive-content .divider {
  height: 1px !important;
  background: #000 !important;
}
.archive-content p {
  color: #fff !important;
}
.archive-content p a {
  color: #fff !important;
}
.archive-content p a:hover {
  text-decoration: underline !important;
}

.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-top: 0;
  width: 100%;
}

*:focus {
  outline: none;
}

.underline {
  text-decoration: underline;
}

#intro {
  position: fixed;
  left: 0;
  z-index: -1;
  width: 100%;
}
#intro h1 {
  text-align: center;
  padding-inline: 4rem;
}

#intro_caption {
  position: relative;
  background: rgba(8, 12, 36, 1);
  overflow: hidden;
  margin-top: 100vh;
}
.intro_caption {
  color: #fff;
}
.item-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, 23.6rem);
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem;
  width: min(133.2rem, 100%);
  margin-inline: auto;
}

.item-list li {
  flex-basis: initial;
  padding-inline: initial;
}
.item-list li a img {
  transition: opacity 0.2s ease;
}
.item-list li a:hover img {
  opacity: 0.7;
}
.item-list li a span {
  display: inline-block;
  line-height: 1.2;
  transition: border-bottom 0.2s ease;
}
.item-list li a:hover span {
  border-bottom: 1px solid #fff;
}

@media screen and (orientation: landscape) {
  #intro {
    top: 90px;
    height: calc(100vh - 90px);
  }
  .bg_intro {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url("/product/pickup/outdoor/img/bg_intro2023_L.jpg") center bottom / cover no-repeat;
    padding-top: 30vh;
  }
  #intro_caption {
    padding-block: 5rem 6.4rem;
  }

  .item-list li {
    margin-top: 5rem;
  }
  .item-list li span {
    font-size: 1.8rem;
  }
}
@media screen and (orientation: portrait) {
  #intro {
    top: 60px;
    height: calc(100vh - 60px);
  }
  .bg_intro {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url("/product/pickup/outdoor/img/bg_intro2023_P.jpg") left 32% bottom / cover no-repeat;
    padding-top: 19vh;
  }
  #intro h1 img {
    width: 54%;
    height: auto;
  }
  #intro_caption {
    padding-block: 4rem 7rem;
  }

  .item-list {
    grid-template-columns: repeat(auto-fill, min(16rem, 45%));
    gap: 2rem;
  }
  .item-list li {
    margin-top: 3rem;
  }
  .item-list li span {
    font-size: 1.3rem;
  }
}

.overall_box {
  width: 100%;
  position: absolute;
  bottom: 5%;
  padding: 0 5%;
}
.overall_slider {
  width: 100%;
  background: rgba(235, 46, 46, 0);
}

.pro_caption {
  width: 100%;
  height: 15vh;
  background: ;
  padding: 5%;
}
.pro_box {
  padding: 0 5%;
  background: rgba(227, 244, 172, 0);
}
.pro_slider {
  width: 100%;
  height: 85vh;
  background: rgba(65, 86, 225, 0);
}
.item_title {
  margin: 0vh 0 0 0;
  width: 100%;
  border-bottom: 3px solid rgba(8, 13, 35, 0.8);
  color: rgba(8, 13, 35, 1);
  padding: 1% 0;
  font-weight: 700;
}
.item_link_left {
  margin: 53vh 0 0 0;
  width: 25%;
  height: 30vh;
  color: rgba(8, 13, 35, 1);
  background: ;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}
.item_link_left2 {
  margin: 45vh 0 0 0;
  width: 25%;
  height: 30vh;
  color: rgba(8, 13, 35, 1);
  background: ;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
}
.item_icon_left {
  margin: 5vh 0 0 0;
  width: 45px;
  height: ;
  background: ;
  padding: 0;
}
.item_icon_new {
  margin: 5px 0 0 0;
  width: 45px;
  height: ;
  background: ;
  padding: 0;
}

/*** rbaa  ***/
.pro033A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rbaa500A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro033B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rbaa500B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro033C {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rbaa500C.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro033D {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rbaa500D.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro033E {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rbaa500E.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro033F {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rbaa500F.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro033G {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rbaa500G.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec033 {
    position: absolute;
    top: 200vh;
    left: 50%;
    width: 50%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj033 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec034 {
    position: absolute;
    top: 200vh;
    left: 0;
    width: 50%;
    height: 100vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
  }
  #sec034 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj034A {
    height: 100vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rbaa_img_A.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
}
@media screen and (orientation: portrait) {
  #sec033 {
    position: absolute;
    top: 270vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj033 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec034 {
    position: absolute;
    top: 200vh;
    left: 0;
    width: 100%;
    height: 70vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
  }
  #sec034 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj034A {
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rbaa_img_A.jpg") right center / cover no-repeat;
    -webkit-background-size: cover;
  }
}

/*** rob-003  ***/
.pro032A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rob003A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro032B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rob003B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro032C {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rob003C.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro032D {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rob003D.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro032E {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rob003E.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro032F {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rob003F.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec031 {
    position: absolute;
    top: 300vh;
    left: 50%;
    width: 50%;
    height: 100vh;
    background: rgba(8, 13, 35, 1);
  }
  #sec031 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj031A {
    height: 100vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rob003_img_A.jpg") right center / cover no-repeat;
    -webkit-background-size: cover;
  }
  #sec032 {
    position: absolute;
    top: 300vh;
    left: 0;
    padding: 0;
    width: 50%;
    height: 100vh;
    background: #fff;
  }
  .obj032 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
}

@media screen and (orientation: portrait) {
  #sec031 {
    position: absolute;
    top: 370vh;
    left: 0;
    width: 100%;
    height: 70vh;
    background: rgba(8, 13, 35, 1);
  }
  #sec031 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj031A {
    position: ;
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rob003_img_A.jpg") right center / cover no-repeat;
    -webkit-background-size: cover;
  }
  #sec032 {
    position: absolute;
    top: 440vh;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
  }
  .obj032 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
}

/*** rob-002  ***/
.pro015A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rob002A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro015B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rob002B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro015C {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rob002C.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec015 {
    position: absolute;
    top: 400vh;
    left: 50%;
    width: 50%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj015 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec016 {
    position: absolute;
    top: 400vh;
    left: 0;
    width: 50%;
    height: 100vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
  }
  #sec016 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj016A {
    height: 100vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rob002_img_A.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
}
@media screen and (orientation: portrait) {
  #sec015 {
    position: absolute;
    top: 610vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj015 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec016 {
    position: absolute;
    top: 540vh;
    left: 0;
    width: 100%;
    height: 70vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
  }
  #sec016 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj016A {
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rob002_img_A.jpg") right center / cover no-repeat;
    -webkit-background-size: cover;
  }
}

/*** rob-001  ***/
.pro002A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rob001A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro002B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rob001B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro002C {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rob001C.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec001 {
    position: absolute;
    top: 500vh;
    left: 50%;
    width: 50%;
    height: 100vh;
    background: rgba(8, 13, 35, 1);
  }
  #sec001 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj001A {
    height: 100vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rob_img_A.jpg") right center / cover no-repeat;
    -webkit-background-size: cover;
  }
  #sec002 {
    position: absolute;
    top: 500vh;
    left: 0;
    padding: 0;
    width: 50%;
    height: 100vh;
    background: #fff;
  }
  .obj002 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
}

@media screen and (orientation: portrait) {
  #sec001 {
    position: absolute;
    top: 710vh;
    left: 0;
    width: 100%;
    height: 70vh;
    background: rgba(8, 13, 35, 1);
  }
  #sec001 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj001A {
    position: ;
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rob_img_A.jpg") right center / cover no-repeat;
    -webkit-background-size: cover;
  }
  #sec002 {
    position: absolute;
    top: 780vh;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
  }
  .obj002 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
}

/*** rod-006/007  ***/
.pro021F {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod007A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro021G {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod007B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro021H {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod007D.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro021I {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod007C.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro021J {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod007E.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro021E {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod006E.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro021A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod006A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro021B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod006B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro021C {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod006C.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro021D {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod006D.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec021 {
    position: absolute;
    top: 600vh;
    left: 50%;
    width: 50%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj021 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec022 {
    position: absolute;
    top: 600vh;
    left: 0;
    width: 50%;
    height: 100vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
  }
  #sec022 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj022A {
    height: 100vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rod006_img_B.jpg") center bottom / cover no-repeat;
    -webkit-background-size: cover;
  }
}
@media screen and (orientation: portrait) {
  #sec021 {
    position: absolute;
    top: 950vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj021 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec022 {
    position: absolute;
    top: 880vh;
    left: 0;
    width: 100%;
    height: 70vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
  }
  #sec022 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj022A {
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rod006_img_B.jpg") center bottom / cover no-repeat;
    -webkit-background-size: cover;
  }
}

/*** rod-007  
.pro023A { width: 100%; height: 85vh !important; background:url('/product/pickup/outdoor/img/rod007A.jpg') center center / cover no-repeat ; -webkit-background-size:cover;}
.pro023B { width: 100%; height: 85vh !important; background:url('/product/pickup/outdoor/img/rod007B.jpg') center center / cover no-repeat ; -webkit-background-size:cover;}
.pro023C { width: 100%; height: 85vh !important; background:url('/product/pickup/outdoor/img/rod007C.jpg') center center / cover no-repeat ; -webkit-background-size:cover;}
@media screen and (orientation: landscape) {  
#sec023 { position: absolute; top: 700vh; left: 0; width: 50%; height: 100vh; background: #fff; z-index: 2;}
.obj023 { position: relative; height: 100vh; background: #fff; overflow: hidden;}
#sec024 { position: absolute; top: 700vh; left: 50%; width: 50%; height: 100vh; background: rgba(8, 13, 35, 1); z-index: 1;}
#sec024 .img_title { color: white; padding: 2.5rem; position: absolute; top: 0; text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;}
.obj024A { height: 100vh; overflow: hidden; background:url('/product/pickup/outdoor/img/rod007_img_A.jpg') center center / cover no-repeat ; -webkit-background-size:cover;}
}
@media screen and (orientation: portrait) {  
#sec023 { position: absolute; top: 780vh; left: 0; width: 100%; height: 100vh; background: #fff; z-index: 2;}
.obj023 { position: relative; height: 100vh; background: #fff; overflow: hidden;}
#sec024 { position: absolute; top: 710vh; left: 0; width: 100%; height: 70vh; background: rgba(8, 13, 35, 1); z-index: 1;}
#sec024 .img_title { color: white; padding: 2.5rem; position: absolute; top: 0; text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;}
.obj024A { height: 70vh; overflow: hidden; background:url('/product/pickup/outdoor/img/rod007_img_A.jpg') right center / cover no-repeat ; -webkit-background-size:cover;}
}
***/

/*** rod-003/004  ***/
.pro017A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod003A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro017B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod004A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro017C {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod003004A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec017 {
    position: absolute;
    top: 700vh;
    left: 0;
    width: 50%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj017 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec018 {
    position: absolute;
    top: 700vh;
    left: 50%;
    width: 50%;
    height: 100vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
  }
  #sec018 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj018A {
    height: 100vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rod003004_img_A.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
}
@media screen and (orientation: portrait) {
  #sec017 {
    position: absolute;
    top: 1120vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj017 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec018 {
    position: absolute;
    top: 1050vh;
    left: 0;
    width: 100%;
    height: 70vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
  }
  #sec018 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj018A {
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rod003004_img_A.jpg") right center / cover no-repeat;
    -webkit-background-size: cover;
  }
}

/*** rod-001 ***/
.pro013A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod001A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro013B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod001B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro013C {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod001C.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro013D {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod001D.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro013E {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod001E.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec013 {
    position: absolute;
    top: 800vh;
    left: 50%;
    width: 50%;
    height: 100vh;
    background: #fff;
    z-index: 3;
  }
  .obj013 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec014 {
    position: absolute;
    top: 800vh;
    left: 0;
    width: 50%;
    height: 100vh;
    background: rgba(8, 13, 35, 1);
    z-index: 2;
  }
  #sec014 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj014A {
    height: 100vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rod001_img_C.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
}
@media screen and (orientation: portrait) {
  #sec013 {
    position: absolute;
    top: 1290vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj013 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec014 {
    position: absolute;
    top: 1220vh;
    left: 0;
    width: 100%;
    height: 70vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
  }
  #sec014 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 2vh;
    right: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj014A {
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rod001_img_C.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
}

/*** rod-002  ***/
.pro007A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod0021A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod0021B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007C {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod0021C.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007D {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod0021D.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007E {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod0021E.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007F {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod0051F.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007G {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod0051G.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007H {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod002151H.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007I {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod0021I.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007J {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod0021J.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007K {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod002E.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007L {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod002D.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007M {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod002A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro007N {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod002B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec006 {
    position: absolute;
    top: 900vh;
    left: 50%;
    width: 50%;
    height: 100vh;
    background: rgba(8, 13, 35, 1);
    z-index: 0;
  }
  #sec006 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj006A {
    height: 100vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rod0021_img_B.jpg") left center / cover no-repeat;
    -webkit-background-size: cover;
  }
  #sec007 {
    position: absolute;
    top: 900vh;
    left: 0;
    width: 50%;
    height: 100vh;
    background: #fff;
  }
  .obj007 {
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
}
@media screen and (orientation: portrait) {
  #sec006 {
    position: absolute;
    top: 1390vh;
    left: 0;
    width: 100%;
    height: 70vh;
    background: rgba(8, 13, 35, 1);
  }
  #sec006 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 2vh;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj006A {
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rod0021_img_B.jpg") left center / cover no-repeat;
    -webkit-background-size: cover;
  }
  #sec007 {
    position: absolute;
    top: 1460vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
  }
  .obj007 {
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
}

/*** rod-008  ***/
.pro025A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod008A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro025B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod008B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro025C {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod008C.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro025D {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rod008D.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec025 {
    position: absolute;
    top: 1000vh;
    left: 50%;
    width: 50%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj025 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec026 {
    position: absolute;
    top: 1000vh;
    left: 0;
    width: 50%;
    height: 100vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
  }
  #sec026 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj026A {
    height: 100vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rod008_img_A.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
}
@media screen and (orientation: portrait) {
  #sec025 {
    position: absolute;
    top: 1630vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj025 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec026 {
    position: absolute;
    top: 1560vh;
    left: 0;
    width: 100%;
    height: 70vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
  }
  #sec026 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj026A {
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rod008_img_A.jpg") right center / cover no-repeat;
    -webkit-background-size: cover;
  }
}

/*** image  ***/
@media screen and (orientation: landscape) {
  #sec005 {
    position: absolute;
    top: 1100vh;
    left: 0;
    width: 100%;
    height: 60vh;
    background: rgba(8, 13, 35, 1);
    z-index: 3;
    overflow: hidden;
  }
  .obj005 {
    height: 60vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/wide_img_A.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
}
@media screen and (orientation: portrait) {
  #sec005 {
    position: absolute;
    top: 740vh;
    left: 0;
    width: 100%;
    height: 80vh;
    background: rgba(8, 13, 35, 1);
  }
  .obj005 {
    height: 80vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/wide_img_A.jpg") right center / cover no-repeat;
    -webkit-background-size: cover;
  }
}

/*** roc-001  ***/
.pro003A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/roc001A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro003B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/roc002B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro003C {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/roc002C.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro003D {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/roc002D.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec003 {
    position: absolute;
    top: 1160vh;
    left: 0;
    width: 50%;
    height: 100vh;
    background: #fff;
    z-index: 3;
  }
  .obj003 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec004 {
    position: absolute;
    top: 1160vh;
    left: 50%;
    width: 50%;
    height: 100vh;
    background: rgba(8, 13, 35, 1);
    z-index: 2;
  }
  #sec004 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj004A {
    height: 100vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/roc_img_A.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
}
@media screen and (orientation: portrait) {
  #sec003 {
    position: absolute;
    top: 1800vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj003 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec004 {
    position: absolute;
    top: 1730vh;
    left: 0;
    width: 100%;
    height: 70vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
  }
  #sec004 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj004A {
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/roc_img_A.jpg") right center / cover no-repeat;
    -webkit-background-size: cover;
  }
}

/*** rot-001,002,003,004 ***/
.pro011A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rot001.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro011B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rot002.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro011C {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rot003.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro011D {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rot004.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro011E {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rot_img_B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro011F {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rot_img_C.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec010 {
    position: absolute;
    top: 1260vh;
    left: 0;
    width: 50%;
    height: 100vh;
    background: rgba(8, 13, 35, 1);
    z-index: 0;
  }
  #sec010 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj010A {
    height: 100vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rot_img_A.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
  #sec011 {
    position: absolute;
    top: 1260vh;
    left: 50%;
    width: 50%;
    height: 100vh;
    background: #fff;
  }
  .obj011 {
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
}
@media screen and (orientation: portrait) {
  #sec010 {
    position: absolute;
    top: 1900vh;
    left: 0;
    width: 100%;
    height: 70vh;
    background: rgba(8, 13, 35, 1);
  }
  #sec010 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj010A {
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rot_img_A.jpg") right center / cover no-repeat;
    -webkit-background-size: cover;
  }
  #sec011 {
    position: absolute;
    top: 1970vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
  }
  .obj011 {
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
}

/*** image ***/
@media screen and (orientation: landscape) {
  #sec012 {
    position: absolute;
    top: 1360vh;
    left: 0;
    width: 100%;
    height: 60vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
    overflow: hidden;
  }
  .obj012 {
    height: 60vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/wide_img_B.jpg") center bottom / cover no-repeat;
    -webkit-background-size: cover;
  }
}
@media screen and (orientation: portrait) {
  #sec012 {
    position: absolute;
    top: 1550vh;
    left: 0;
    width: 100%;
    height: 80vh;
    background: rgba(8, 13, 35, 1);
  }
  .obj012 {
    height: 80vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/wide_img_B.jpg") center bottom / cover no-repeat;
    -webkit-background-size: cover;
  }
}

/*** rop-001  ***/
.pro008A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rop001A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro008B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rop001B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec008 {
    position: absolute;
    top: 1420vh;
    left: 0;
    width: 50%;
    height: 100vh;
    background: #fff;
    z-index: 3;
  }
  .obj008 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec009 {
    position: absolute;
    top: 1420vh;
    left: 50%;
    width: 50%;
    height: 170vh;
    background: rgba(8, 13, 35, 1);
    z-index: 2;
  }
  #sec009 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj009A {
    height: 80vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rop_img_A.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
  .sec_recipe {
    height: 170vh;
    overflow: hidden;
    position: relative;
    background: url("/product/pickup/outdoor/img/recipe_bg_img.jpg") left center / cover no-repeat;
    -webkit-background-size: cover;
  }
  .recipe_logo {
    position: relative;
    width: 30%;
    margin: 10vh 0 0 35%;
    background: rgba(234, 51, 51, 0);
  }
  .recipe_caption {
    position: relative;
    width: 60%;
    margin: 5vh 0 0 20%;
    background: rgba(205, 232, 75, 0);
    color: white;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .recipe_box {
    position: relative;
    float: left;
    width: 38%;
    height: ;
    margin: 6vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
  .recipe_title {
    position: relative;
    text-align: center;
    padding: 1rem 0;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1;
  }
  .recipe_link {
    position: relative;
    width: 60%;
    height: ;
    margin: 0 0 0 35%;
    background: rgba(234, 51, 51, 0.5);
    font-size: 1rem;
    line-height: 4;
    font-weight: 700;
  }
  .recipe_box_all {
    position: relative;
    float: left;
    width: 84%;
    height: ;
    margin: 5vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
}
@media screen and (orientation: portrait) {
  #sec008 {
    position: absolute;
    top: 2280vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj008 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec009 {
    position: absolute;
    top: 2070vh;
    left: 0;
    width: 100%;
    height: 140vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
    border: 0 solid #f00;
  }
  #sec009 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj009A {
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rop_img_A.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
  .sec_recipe {
    height: 140vh;
    overflow: hidden;
    position: relative;
    background: url("/product/pickup/outdoor/img/recipe_bg_img.jpg") left center / cover no-repeat;
    -webkit-background-size: cover;
  }
  .recipe_logo {
    position: relative;
    width: 40%;
    margin: 6vh 0 0 30%;
    background: rgba(234, 51, 51, 0);
  }
  .recipe_caption {
    position: relative;
    width: 60%;
    margin: 4vh 0 0 20%;
    background: rgba(205, 232, 75, 0);
    color: white;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .recipe_box {
    position: relative;
    float: left;
    width: 38%;
    height: ;
    margin: 5vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
  .recipe_title {
    position: relative;
    text-align: center;
    padding: 0.8rem 0;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1;
  }
  .recipe_link {
    position: relative;
    width: 60%;
    height: ;
    margin: 0 0 0 35%;
    background: rgba(234, 51, 51, 0.5);
    font-size: 1rem;
    line-height: 2;
    font-weight: 700;
  }
  .recipe_box_all {
    position: relative;
    float: left;
    width: 84%;
    height: ;
    margin: 5vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
}
@media screen and (orientation: portrait) and (min-width: 480px) {
  .sec_recipe {
    height: 140vh;
    overflow: hidden;
    position: relative;
    background: url("/product/pickup/outdoor/img/recipe_bg_img.jpg") left center / cover no-repeat;
    -webkit-background-size: cover;
  }
  .recipe_logo {
    position: relative;
    width: 40%;
    margin: 6vh 0 0 30%;
    background: rgba(234, 51, 51, 0);
  }
  .recipe_caption {
    position: relative;
    width: 60%;
    margin: 4vh 0 0 20%;
    background: rgba(205, 232, 75, 0);
    color: white;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .recipe_box {
    position: relative;
    float: left;
    width: 38%;
    height: ;
    margin: 10vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
  .recipe_title {
    position: relative;
    text-align: center;
    padding: 0.8rem 0;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1;
  }
  .recipe_link {
    position: relative;
    width: 60%;
    height: ;
    margin: 0 0 0 35%;
    background: rgba(234, 51, 51, 0.5);
    font-size: 1rem;
    line-height: 2;
    font-weight: 700;
  }
  .recipe_box_all {
    position: relative;
    float: left;
    width: 84%;
    height: ;
    margin: 10vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
}
@media screen and (orientation: portrait) and (min-width: 760px) {
  .sec_recipe {
    height: 140vh;
    overflow: hidden;
    position: relative;
    background: url("/product/pickup/outdoor/img/recipe_bg_img.jpg") left center / cover no-repeat;
    -webkit-background-size: cover;
  }
  .recipe_logo {
    position: relative;
    width: 30%;
    margin: 6vh 0 0 35%;
    background: rgba(234, 51, 51, 0);
  }
  .recipe_caption {
    position: relative;
    width: 60%;
    margin: 4vh 0 0 20%;
    background: rgba(205, 232, 75, 0);
    color: white;
    font-size: 2rem;
    line-height: 1.5;
    padding: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .recipe_box {
    position: relative;
    float: left;
    width: 38%;
    height: ;
    margin: 5vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
  .recipe_title {
    position: relative;
    text-align: center;
    padding: 0.8rem 0;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1;
  }
  .recipe_link {
    position: relative;
    width: 60%;
    height: ;
    margin: 0 0 0 35%;
    background: rgba(234, 51, 51, 0.5);
    font-size: 1rem;
    line-height: 2;
    font-weight: 700;
  }
  .recipe_box_all {
    position: relative;
    float: left;
    width: 84%;
    height: ;
    margin: 5vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
}

/*** rop-002  ***/
.pro019A {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rop002A.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
.pro019B {
  width: 100%;
  height: 85vh !important;
  background: url("/product/pickup/outdoor/img/rop002B.jpg") center center / cover no-repeat;
  -webkit-background-size: cover;
}
@media screen and (orientation: landscape) {
  #sec019 {
    position: absolute;
    top: 1670vh;
    left: 50%;
    width: 50%;
    height: 100vh;
    background: #fff;
    z-index: 3;
  }
  .obj019 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec020 {
    position: absolute;
    top: 1670vh;
    left: 0;
    width: 50%;
    height: 170vh;
    background: rgba(8, 13, 35, 1);
    z-index: 2;
  }
  #sec020 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj020A {
    height: 80vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rop002_img_A.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
  .sec_recipe_smoker {
    height: 170vh;
    overflow: hidden;
    position: relative;
    background: url("/product/pickup/outdoor/img/smoker_bg_img.jpg") left center / cover no-repeat;
    -webkit-background-size: cover;
  }
  .smoker_logo {
    position: relative;
    width: 40%;
    margin: 10vh 0 0 30%;
    background: rgba(234, 51, 51, 0);
  }
  .recipe_caption {
    position: relative;
    width: 60%;
    margin: 5vh 0 0 20%;
    background: rgba(205, 232, 75, 0);
    color: white;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .recipe_box {
    position: relative;
    float: left;
    width: 38%;
    height: ;
    margin: 6vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
  .recipe_title {
    position: relative;
    text-align: center;
    padding: 1rem 0;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1;
  }
  .recipe_link {
    position: relative;
    width: 60%;
    height: ;
    margin: 0 0 0 35%;
    background: rgba(234, 51, 51, 0.5);
    font-size: 1rem;
    line-height: 4;
    font-weight: 700;
  }
  .recipe_box_all {
    position: relative;
    float: left;
    width: 84%;
    height: ;
    margin: 5vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
}
@media screen and (orientation: portrait) {
  #sec019 {
    position: absolute;
    top: 2590vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 2;
  }
  .obj019 {
    position: relative;
    height: 100vh;
    background: #fff;
    overflow: hidden;
  }
  #sec020 {
    position: absolute;
    top: 2380vh;
    left: 0;
    width: 100%;
    height: 140vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
    border: 0 solid #f00;
  }
  #sec020 .img_title {
    color: white;
    padding: 2.5rem;
    position: absolute;
    top: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .obj020A {
    height: 70vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/rop002_img_A.jpg") center center / cover no-repeat;
    -webkit-background-size: cover;
  }
  .sec_recipe_smoker {
    height: 140vh;
    overflow: hidden;
    position: relative;
    background: url("/product/pickup/outdoor/img/smoker_bg_img.jpg") left center / cover no-repeat;
    -webkit-background-size: cover;
  }
  .smoker_logo {
    position: relative;
    width: 40%;
    margin: 6vh 0 0 30%;
    background: rgba(234, 51, 51, 0);
  }
  .recipe_caption {
    position: relative;
    width: 60%;
    margin: 4vh 0 0 20%;
    background: rgba(205, 232, 75, 0);
    color: white;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .recipe_box {
    position: relative;
    float: left;
    width: 38%;
    height: ;
    margin: 5vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
  .recipe_title {
    position: relative;
    text-align: center;
    padding: 0.8rem 0;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1;
  }
  .recipe_link {
    position: relative;
    width: 60%;
    height: ;
    margin: 0 0 0 35%;
    background: rgba(234, 51, 51, 0.5);
    font-size: 1rem;
    line-height: 2;
    font-weight: 700;
  }
  .recipe_box_all {
    position: relative;
    float: left;
    width: 84%;
    height: ;
    margin: 5vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
}
@media screen and (orientation: portrait) and (min-width: 480px) {
  .sec_recipe {
    height: 140vh;
    overflow: hidden;
    position: relative;
    background: url("/product/pickup/outdoor/img/recipe_bg_img.jpg") left center / cover no-repeat;
    -webkit-background-size: cover;
  }
  .smoker_logo {
    position: relative;
    width: 40%;
    margin: 6vh 0 0 30%;
    background: rgba(234, 51, 51, 0);
  }
  .recipe_caption {
    position: relative;
    width: 60%;
    margin: 4vh 0 0 20%;
    background: rgba(205, 232, 75, 0);
    color: white;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .recipe_box {
    position: relative;
    float: left;
    width: 38%;
    height: ;
    margin: 10vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
  .recipe_title {
    position: relative;
    text-align: center;
    padding: 0.8rem 0;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1;
  }
  .recipe_link {
    position: relative;
    width: 60%;
    height: ;
    margin: 0 0 0 35%;
    background: rgba(234, 51, 51, 0.5);
    font-size: 1rem;
    line-height: 2;
    font-weight: 700;
  }
  .recipe_box_all {
    position: relative;
    float: left;
    width: 84%;
    height: ;
    margin: 10vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
}
@media screen and (orientation: portrait) and (min-width: 760px) {
  .sec_recipe {
    height: 140vh;
    overflow: hidden;
    position: relative;
    background: url("/product/pickup/outdoor/img/recipe_bg_img.jpg") left center / cover no-repeat;
    -webkit-background-size: cover;
  }
  .smoker_logo {
    position: relative;
    width: 30%;
    margin: 6vh 0 0 35%;
    background: rgba(234, 51, 51, 0);
  }
  .recipe_caption {
    position: relative;
    width: 60%;
    margin: 4vh 0 0 20%;
    background: rgba(205, 232, 75, 0);
    color: white;
    font-size: 2rem;
    line-height: 1.5;
    padding: 0;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
  .recipe_box {
    position: relative;
    float: left;
    width: 38%;
    height: ;
    margin: 5vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
  .recipe_title {
    position: relative;
    text-align: center;
    padding: 0.8rem 0;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1;
  }
  .recipe_link {
    position: relative;
    width: 60%;
    height: ;
    margin: 0 0 0 35%;
    background: rgba(234, 51, 51, 0.5);
    font-size: 1rem;
    line-height: 2;
    font-weight: 700;
  }
  .recipe_box_all {
    position: relative;
    float: left;
    width: 84%;
    height: ;
    margin: 5vh 0 0 8%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
}

/*** outro ***/
@media screen and (orientation: landscape) {
  #sec_outro {
    position: absolute;
    top: 1920vh;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(8, 13, 35, 1);
    z-index: 1;
    overflow: hidden;
  }
  .bg_outro {
    height: 100vh;
    overflow: hidden;
    width: 100%;
    background: url("/product/pickup/outdoor/img/bg_outro_2022.jpg") center bottom / cover no-repeat;
    -webkit-background-size: cover;
  }
  .outro_title {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 5rem;
    line-height: 1.5;
    color: #fff;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
}
@media screen and (orientation: portrait) {
  #sec_outro {
    position: absolute;
    top: 2690vh;
    left: 0;
    width: 100%;
    height: 80vh;
    background: rgba(8, 13, 35, 1);
  }
  .bg_outro {
    height: 80vh;
    overflow: hidden;
    background: url("/product/pickup/outdoor/img/bg_outro_2022.jpg") center bottom / cover no-repeat;
    -webkit-background-size: cover;
  }
  .outro_title {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 3.5rem;
    line-height: 1.5;
    color: #fff;
    text-shadow: #000 1px 1px 2px, #000 -1px 1px 2px, #000 1px -1px 2px, #000 -1px -1px 2px;
  }
}

@media screen and (orientation: landscape) {
  .intro_caption {
    font-size: 1rem;
    line-height: 1.1;
  }
  .pro_caption {
    font-size: 1rem;
    line-height: 1.1;
  }
  .item_title {
    font-size: 1.3rem;
    line-height: 1;
  }
  .img_title {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}

@media screen and (orientation: landscape) and (min-width: 600px) {
  .intro_caption {
    font-size: 1.2rem;
    line-height: 1.4;
  }
  .pro_caption {
    font-size: 1.1rem;
    line-height: 1.1;
  }
  .item_title {
    font-size: 1.3rem;
    line-height: 1;
  }
  .img_title {
    font-size: 1.6rem;
    line-height: 1.3;
  }
}

@media screen and (orientation: landscape) and (min-width: 900px) {
  .intro_caption {
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .pro_caption {
    font-size: 1.3rem;
    line-height: 1.2;
  }
  .item_title {
    font-size: 1.7rem;
    line-height: 1;
  }
  .img_title {
    font-size: 2.2rem;
    line-height: 1.4;
  }
}

@media screen and (orientation: landscape) and (min-width: 1000px) {
  .intro_caption {
    font-size: 1.6rem;
    line-height: 1.8;
  }
  .pro_caption {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .item_title {
    font-size: 1.7rem;
    line-height: 1;
  }
  .img_title {
    font-size: 2.4rem;
    line-height: 1.5;
  }
}

@media screen and (orientation: landscape) and (min-width: 1400px) {
  .intro_caption {
    font-size: 2rem;
    line-height: 2;
  }
  .pro_caption {
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .item_title {
    font-size: 2.2rem;
    line-height: 1;
  }
  .img_title {
    font-size: 2.9rem;
    line-height: 1.5;
  }
}

@media screen and (orientation: landscape) and (min-width: 1900px) {
  .intro_caption {
    font-size: 2.5rem;
    line-height: 2;
  }
  .pro_caption {
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .item_title {
    font-size: 2.6rem;
    line-height: 1;
  }
  .img_title {
    font-size: 4rem;
    line-height: 1.5;
  }
}

@media screen and (orientation: landscape) and (min-width: 2500px) {
  .intro_caption {
    font-size: 2.5rem;
    line-height: 2;
  }
  .pro_caption {
    font-size: 2.2rem;
    line-height: 1.3;
  }
  .item_title {
    font-size: 2.6rem;
    line-height: 1;
  }
  .img_title {
    font-size: 4rem;
    line-height: 1.5;
  }
}

@media screen and (orientation: portrait) {
  .intro_caption {
    font-size: 1.3rem;
    line-height: 1.4;
  }
  .pro_caption {
    font-size: 1.3rem;
    line-height: 1.2;
  }
  .item_title {
    font-size: 1.6rem;
    line-height: 1;
  }
  .img_title {
    font-size: 1.8rem;
    line-height: 1.3;
  }
}

@media screen and (orientation: portrait) and (min-width: 350px) {
  .intro_caption {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .img_title {
    font-size: 2rem;
    line-height: 1.4;
  }
}

@media screen and (orientation: portrait) and (min-width: 480px) {
  .intro_caption {
    font-size: 1.8rem;
    line-height: 1.7;
  }
  .pro_caption {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .item_title {
    font-size: 1.8rem;
    line-height: 1;
  }
  .img_title {
    font-size: 2.2rem;
    line-height: 1.5;
  }
}

@media screen and (orientation: portrait) and (min-width: 760px) {
  .intro_caption {
    font-size: 1.6em;
    line-height: 1.6;
  }
  .pro_caption {
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .item_title {
    font-size: 2.3rem;
    line-height: 1;
  }
  .img_title {
    font-size: 2.6rem;
    line-height: 1.5;
  }
}

@media screen and (orientation: portrait) and (min-width: 1000px) {
  .intro_caption {
    font-size: 1.8em;
    line-height: 1.6;
  }
  .pro_caption {
    font-size: 2.2rem;
    line-height: 1.4;
  }
  .item_title {
    font-size: 2.8rem;
    line-height: 1;
  }
  .img_title {
    font-size: 3.2rem;
    line-height: 1.5;
  }
}

@media screen and (orientation: portrait) and (min-width: 1500px) {
  .intro_caption {
    font-size: 2.5em;
    line-height: 1.6;
  }
  .pro_caption {
    font-size: 3.4rem;
    line-height: 1.4;
  }
  .item_title {
    font-size: 4.5rem;
    line-height: 1;
  }
  .img_title {
    font-size: 5rem;
    line-height: 1.5;
  }
}

@media screen and (orientation: landscape) and (min-width: 1024px) and (max-width: 1279px) and (min-height: 0px) and (max-height: 651px) {
}
@media screen and (orientation: landscape) and (min-width: 1280px) and (max-width: 1399px) and (min-height: 0px) and (max-height: 651px) {
}
@media screen and (orientation: landscape) and (min-width: 1400px) and (max-width: 1599px) and (min-height: 0px) and (max-height: 701px) {
}
@media screen and (orientation: landscape) and (min-width: 1600px) and (max-width: 1900px) and (min-height: 0px) and (max-height: 801px) {
}