@charset "euc-jp";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
html { overflow-y: scroll; }
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
ol, ul { list-style: none; }
fieldset, img { border: 0; }
table { border: 0; }
caption, th { text-align: left; }
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}
a { text-decoration: none; }
body {
  background: #ffffff;
  color: #000000;
  font-size: 12px;
  font-family: " ", verdana, "MS PGothic", Sans-Serif;
  line-height: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
ul li { list-style-type: none; }
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  cursor: pointer;
}
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  vertical-align: top;
  line-height: 0;
}
a img { border: 0; }
/* ===================================================================
   contents
=================================================================== */

.mainVisual, [class^="ab0"] {
  width: 0;
  margin: 0 auto;
  background-repeat: no-repeat;
  overflow: hidden;
}
[class^="ab0"] {
  padding-left: 980px;
}
.bnr { text-align: center; }
.buy {
  width: 980px;
  margin: 0 auto;
}
.btn {
  display: block;
  overflow: hidden;
  border: none;
  outline: none;
  text-indent: -9999px;
  background-repeat: no-repeat;
  cursor: pointer !important;
}
.btn:hover { opacity: 0.9; }
.mainVisual {
  padding-left: 1400px;
  height: 771px;
  background-image: url(../../img/pc/basic/ab01_00.png);
  background-size: 100% auto;
}
.mainVisual_renewal {
  padding-left: 1400px;
  height: 693px;
  background-image: url(../../img/pc/basic/ab01_00_175.png);
  background-size: 100% auto;
  width: 0;
  margin: 0 auto;
  background-repeat: no-repeat;
  overflow: hidden;
}

.mainVisual.lp126 {
  height: 693px;
  background-image: url(../../img/pc/ab01_00_220_v2.png);
}
.mainVisual.lp175 {
  height: 693px;
  background-image: url(../../img/pc/ab01_00_175.png);
}
.mainVisual.lp175.renewal {
  height: 693px;
  background-image: url(../../img/pc/ab01_00_175_odekake.png);
}
.ab00_ranking {
  background-image: url(../../img/pc/basic/ab00_ranking_basic.png);
  height: 320px;
  margin: 0 auto;
}
.ab00_ranking.lp175{
  background-image: url(../../img/pc/basic/ab00_ranking_basic.png);
  height: 320px;
  margin: 45px auto 0;
}
.ab00_ranking_v2 {
  background-image: url(../../img/pc/basic/ab00_ranking_basic_200430.png);
  height: 320px;
  margin: 0 auto;
}
.ab00_mothers {
  background-image: url(../../img/pc/basic/ab00_mothers_basic.png);
  height: 311px;
  margin: 0 auto;
}
.ab00_mothers.lp175 {
  background-image: url(../../img/pc/basic/ab00_mothers_175.png);
}
.ab01_01 {
  background-image: url(../../img/pc/basic/ab01_01.png);
  height: 392px;
  margin: 0 auto;
}
.ab01_02 {
  background-image: url(../../img/pc/basic/ab01_02.png);
  height: 279px;
  margin: 0 auto;
}
.ab01_02_v2 {
  background-image: url(../../img/pc/basic/ab01_02_v2.png);
  height: 279px;
  margin: 0 auto;
}
.ab01_03 {
  background-image: url(../../img/pc/basic/ab01_03.png);
  height: 579px;
  margin: 0 auto;
}
.ab02_01 {
  background-image: url(../../img/pc/basic/ab02_01.png);
  height: 536px;
  margin: 0 auto;
}
.ab02_02 {
  background-image: url(../../img/pc/basic/ab02_02.png);
  height: 1164px;
  margin: 0 auto;
}
.ab02_02.lp126 {
  background-image: url(../../img/pc/basic/ab02_02_126.png);

}
.ab02_03 {
  background-image: url(../../img/pc/basic/ab02_03.png);
  height: 750px;
  margin: 0 auto;
}
.ab02_03.lp175 {
  background-image: url(../../img/pc/basic/ab02_03_175.png);
}
.ab02_04 {
  background-image: url(../../img/pc/basic/ab02_04.png);
  height: 322px;
  margin: 0 auto;
  background-size: contain;
}
.ab03_01 {
  background-image: url(../../img/pc/basic/ab03_01.png);
  height: 1255px;
  margin: 0 auto;
}

.ab03_01.lp126 {
  background-image: url(../../img/pc/basic/ab03_01_126.png);
}

.ab03_01 {
  background-image: url(../../img/pc/basic/ab03_01_175.png);
}
.ab03_01_v2 {
  background-image: url(../../img/pc/basic/ab03_01.png);
  height: 1255px;
  margin: 0 auto;
}

.ab03_02 {
  background-image: url(../../img/pc/basic/ab03_02.png);
  height: 1674px;
  margin: 0 auto;
}
.ab03_02.lp175 {
  background-image: url(../../img/pc/basic/ab03_02_175.png);
}
.ab03_02.lp175_v2 {
  background-image: url(../../img/pc/basic/ab03_02_175_v2.png);
  height: 1454px;
}
.ab03_03 {
  background-image: url(../../img/pc/basic/ab03_03.png);
  height: 799px;
  margin: 0 auto;
}
.ab03_03_v2 {
  background-image: url(../../img/pc/basic/ab03_03_v2.png);
  height: 939px;
  margin: 0 auto;
  background-size: contain;
}
.ab03_04 {
  background-image: url(../../img/pc/basic/ab03_04.png);
  height: 458px;
  margin: 0 auto;
}
.ab03_05 {
  background-image: url(../../img/pc/basic/ab03_05.png);
  height: 507px;
  margin: 0 auto;
}

.ab03_uv_milk {
  background-image: url(../../img/pc/basic/ab_uv_milk.png);
  height: 1428px;
  margin: 0 auto;
}

.ab03_06 {
  background-image: url(../../img/pc/basic/ab03_06.png);
  height: 798px;
  margin: 0 auto;
}
.ab04_01 {
  background-image: url(../../img/pc/basic/ab04_01.png);
  height: 325px;
  margin: 0 auto;
}
.ab03_07 {
  background-image: url(../../img/pc/basic/ab03_07.png);
  height: 561px;
  margin: 0 auto;
}
.ab04_02 {
  background-image: url(../../img/pc/basic/ab04_02_175.png);
  height: 1138px;
  margin: 0 auto;
}
.ab04_02.lp126 {
  background-image: url(../../img/pc/basic/ab04_02_126.png);
}
.ab04_02.lp175 {
  background-image: url(../../img/pc/basic/ab04_02_175.png);
}
.ab04_03 {
  background-image: url(../../img/pc/basic/ab04_03.png);
  height: 778px;
  margin: 0 auto;
}
.ab04_04 {
  background-image: url(../../img/pc/basic/ab04_04.png);
  height: 590px;
  margin: 0 auto;
}
.ab04_05 {
  background-image: url(../../img/pc/basic/ab04_05.png);
  height: 538px;
  margin: 0 auto;
}

.ab04_uv_milk {
  background-image: url(../../img/pc/basic/ab_uv_mist.png);
  height: 1720px;
  margin: 0 auto;
}


.ab01_11 ul.triple {
  position: relative;
  height: 611px;
  background: url(../../img/pc/basic/ab01_11_triple_v2.png) no-repeat;
}

.ab01_11 ul.uvmilkset {
  position: relative;
  height: 469px;
  background: url(../../img/pc/basic/ab01_uvmilkset.png) no-repeat;
}

.ab01_11 ul.pair {
  position: relative;
  height: 500px;
  background: url(../../img/pc/basic/ab01_11_pair_v3.png) no-repeat;
}
.ab01_11 ul.single {
  position: relative;
  height: 224px;
  background: url(../../img/pc/basic/ab01_11_single.png) no-repeat;
}
.ab01_11 ul.uvmilkset .btn1 {
  position: absolute;
  left: 365px;
  top: 322px;
}
.ab01_11 ul.pair .btn2 {
  position: absolute;
  left: 365px;
  top: 362px;
}
.ab01_11 ul.single .btn3 {
  position: absolute;
  left: 585px;
  top: 40px;
}
.ab01_11 ul.uvmilkset .btn1 .btn {
  width: 555px;
  height: 83px;
  background: url(../../img/pc/basic/ab01_btn_triple.png) no-repeat;
}
.ab01_11 ul.pair .btn2 .btn {
  width: 555px;
  height: 72px;
  background: url(../../img/pc/basic/ab01_btn_pair.png);
}
.ab01_11 ul.single .btn3 .btn {
  width: 339px;
  height: 74px;
  background: url(../../img/pc/basic/ab01_btn_single.png);
}

.ab01_11 ul.single .btn3 .btn {
  width: 339px;
  height: 74px;
  background: url(../../img/pc/basic/ab01_btn_single.png);
}

.ab01_11 ul.uvmistset {
  height: 469px;
  background: url(../../img/pc/basic/ab01_uvmistset.png);
}

.ab01_11 ul.uvmistset .btn4 .btn {
  width: 555px;
  height: 72px;
  background: url(../../img/pc/basic/ab01_btn_uvmilkset.png);
}

.ab01_11 ul.uvmistset .btn4 {
  position: relative;
  left: 365px;
  top: 342px;
}


.tbl_spec {
  width: 980px;
  margin: 50px auto 78px;
  border-collapse: collapse;
}
.tbl_spec td {
  width: 130px;
  line-height: 16px;
  padding: 13px 0;
  border: 1px solid #c8c8c8;
  color: #535353;
  font-size: 14px;
  text-align: center;
}
.tbl_spec td + td {
  width: auto;
  padding: 13px 30px;
  text-align: left;
}
/* footer */
.f_nav {
  letter-spacing: -.4em;
  margin-bottom: 15px;
  text-align: center;
}
.f_nav li {
  line-height: 1.1;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}
.f_nav li:after, .f_nav li:before {
  content: "";
  margin: 0 13px;
  font-size: 12px;
}
.f_nav li + li:before { display: none; }
.f_nav li a {
  color: #535353;
  font-size: 13px;
  text-decoration: none;
}
.f_nav li a:hover { color: #299d32; }
.f_contents {
  padding: 38px 0 300px;
  background: #f3f3f3;
  text-align: center;
}
.f_contents .logo { margin-bottom: 32px; }
.f_contents small {
  color: #a7a7a7;
  font-size: 11px;
}