#oxy_box{
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
  background: #395ace;
}
@media screen and (max-width:568px) {
  #oxy_box{
    background: #0b215b;
  }
}

#oxy_box .display-tab{display: none;}
#oxy_box .display-sp{display: none;}
@media screen and (max-width:768px) {
  #oxy_box .display-pc{display: inherit;}
  #oxy_box .display-tab{display: inherit;}
  #oxy_box .display-sp{display: none;}
}
@media screen and (max-width:568px) {
  #oxy_box .display-pc{display: none;}
  #oxy_box .display-tab{display: inherit;}
  #oxy_box .display-sp{display: inherit;}
}

@media screen and (min-width:769px) {
  #oxy_box a .off{
    display: inherit;
  }
  #oxy_box a .on{
    display: none;
  }
  #oxy_box a:hover .off{
    display: none;
  }
  #oxy_box a:hover .on{
    display: inherit;
  }
}
@media screen and (max-width:768px) {
  #oxy_box a:hover .off{
    display: block;
  }
  #oxy_box a .on{display: none;}
}

#oxy_box .main{
  width: 100%;
  margin: 0 auto;
  background: url(/~/Media/com/mens-oxy/top/201904/main_ttl_bg.png) center 166px/1920px auto no-repeat,url(/~/Media/com/mens-oxy/top/201904/bg01.png) center top/1920px auto no-repeat;
  position: relative;
  z-index: 2;
  float: none;
}
#oxy_box .main ol{
  width: 946px;
  margin: 0 auto;
  position: relative;
}
#oxy_box .main .product{
  width: 192px;
  padding: 36px 0 81px 727px;
}
#oxy_box .main .txt{
  width: 654px;
  margin: 94px 0 0 44px;
  position: absolute;
  top: 0;
  left: 0;
}
#oxy_box .main .name{
  width: 695px;
  margin: 300px 0 0 27px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width:768px) {
  #oxy_box .main{
    background: url(/~/Media/com/mens-oxy/top/201904/main_ttl_bg.png) center 100%/202.96% auto no-repeat,url(/~/Media/com/mens-oxy/top/201904/bg01.png) center top/202.96% auto no-repeat;
  }
  #oxy_box .main ol{
    width: 100%;
  }
  #oxy_box .main .product{
    width: 20.3%;
    padding: 3.81% 0 8.41% 76.85%;
  }
  #oxy_box .main .txt{
    width: 69.14%;
    margin: 9.94% 0 0 4.66%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #oxy_box .main .name{
    width: 73.47%;
    margin: 31.72% 0 0 2.86%;
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width:568px) {
  #oxy_box .main{
    background: url(/~/Media/com/mens-oxy/top/201904/main_ttl_bg_sp.png) center 98%/100% auto no-repeat,url(/~/Media/com/mens-oxy/top/201904/bg01_sp.png) center top/100% auto no-repeat;
  }
  #oxy_box .main .product{
    width: 32.27%;
    padding: 3.87% 0 31.6% 58.8%;
  }
  #oxy_box .main .txt{
    width: 55.47%;
    margin: 21.87% 0 0 4.94%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #oxy_box .main .name{
    width: 89.47%;
    margin: 65.74% 0 0 4.27%;
    position: absolute;
    top: 0;
    left: 0;
  }
}

#oxy_box .about{
  width: 100%;
  margin: -333px auto 0;
  padding: 333px 0 220px;
  background: url(/~/Media/com/mens-oxy/top/201904/bg02.png) center top/1920px auto no-repeat;
  position: relative;
  z-index: 0;
}
#oxy_box .about .cont01{
  margin: -240px auto 0;
  padding: 265px 0 115px;
  background: url(/~/Media/com/mens-oxy/top/201904/about_flash.png) 42% center no-repeat;
}
#oxy_box .about .cont01 .ttl{
  width: 627px;
  margin: 0 auto 22px;
}
#oxy_box .about .cont01 .txt{
  width: 706px;
  margin: 0 auto;
}
#oxy_box .about .cont02 .ttl{
  width: 743px;
  margin: 0 auto 43px;
}
#oxy_box .about .cont02 .txt{
  width: 864px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  #oxy_box .about{
    margin: -34.55% auto 0;
    padding: 34.55% 0 13.34%;
    background: url(/~/Media/com/mens-oxy/top/201904/bg02.png) center top/202.96% auto no-repeat;
  }
  #oxy_box .about .cont01{
    margin: -24.9% auto 0;
    padding: 27.49% 0 11.93%;
    background: url(/~/Media/com/mens-oxy/top/201904/about_flash.png) 64% center no-repeat;
  }
  #oxy_box .about .cont01 .ttl{
    width: 65.05%;
    margin: 0 auto 2.29%;
  }
  #oxy_box .about .cont01 .txt{
    width: 73.24%;
    margin: 0 auto;
  }
  #oxy_box .about .cont02 .ttl{
    width: 95.07%;
    margin: 0 auto 3%;
  }
  #oxy_box .about .cont02 .txt{
    width: 87.87%;
    margin: 0 auto;
  }
}
@media screen and (max-width:568px) {
  #oxy_box .about{
    margin: -33.58% auto 0;
    padding-top: 33.58%;
    background: url(/~/Media/com/mens-oxy/top/201904/bg02_sp.png) center top/100% auto no-repeat;
  }
  #oxy_box .about .cont01{
    margin: -20% auto 0;
    padding: 26% 0 10%;
    background: url(/~/Media/com/mens-oxy/top/201904/about_flash_sp.png) center center/100% auto no-repeat;
  }
  #oxy_box .about .cont01 .ttl{
    width: 97.74%;
    margin: 0 auto 7%;
  }
  #oxy_box .about .cont01 .txt{
    width: 89.74%;
    margin: 0 auto;
  }
}

#oxy_box .lineup{
  width: 100%;
  margin: -280px auto 0;
  padding: 280px 0 100px;
  background: url(/~/Media/com/mens-oxy/top/201904/bg03.png) center top/1920px auto no-repeat;
  position: relative;
  z-index: 1;
}
#oxy_box .lineup p{
  width: 341px;
  margin: -85px auto 66px;
}
#oxy_box .lineup ol{
  text-align: center;
}
#oxy_box .lineup ol li{
  display: inline-block;
  width: 360px;
  margin: 0 auto;
}
#oxy_box .lineup ol li:nth-child(1){
  display: block;
  margin: 0 auto 50px;
}
#oxy_box .lineup ol li:nth-child(2){
  margin-right: 10px;
}
#oxy_box .lineup ol li:nth-child(3){
  margin-left: 10px;
}
@media screen and (max-width:768px) {
  #oxy_box .lineup{
    margin: -21.05% auto 0;
    padding: 21.05% 0 10.38%;
    background: url(/~/Media/com/mens-oxy/top/201904/bg03.png) center top/202.96% auto no-repeat;
  }
  #oxy_box .lineup p{
    width: 35.38%;
    margin: -.82% auto 6.85%;
  }
  #oxy_box .lineup ol li{
    width: 37.35%;
    margin: 0 auto;
  }
  #oxy_box .lineup ol li:nth-child(1){
    margin: 0 auto 5.19%;
  }
  #oxy_box .lineup ol li:nth-child(2){
    margin-right: 1.04%;
  }
  #oxy_box .lineup ol li:nth-child(3){
    margin-left: 1.04%;
  }
}
@media screen and (min-width:569px) {
  #oxy_box .lineup ol li:hover{
    opacity: .6;
  }
}
@media screen and (max-width:568px) {
  #oxy_box .lineup{
    margin: -16% auto 0;
    padding: 16% 0 7.2%;
    background: url(/~/Media/com/mens-oxy/top/201904/bg03_sp.png) center top/100% auto no-repeat;
  }
  #oxy_box .lineup p{
    width: 66.14%;
    margin: 0 auto 8.8%;
  }
  #oxy_box .lineup ol li{
    display: block;
    width: 90.67%;
    margin: 0 auto;
  }
  #oxy_box .lineup ol li:nth-child(1){
    margin: 0 auto 6.67%;
  }
  #oxy_box .lineup ol li:nth-child(2){
    margin: 0 auto 6.67%;
  }
  #oxy_box .lineup ol li:nth-child(3){
    margin: 0 auto;
  }
}