main img {
  width: 100%;
  height: auto;
}


/* pMvHeroItem
------------------------- */
.pdMv h1.pdMvH {
  margin: 0;
  padding: 0 0 0.5em 0;
}
.pdMv.feeding {
  background: url(../images/feeding/img_mv01.jpg) center top no-repeat;
  background-size: cover;
}
.pdMv .new {
  display: inline-block;
  padding: 0.3em 0.8em;
  background: #fff;
  border-radius: 1.5em;
  color: #EB1616;
  font-size: 90%;
  line-height: 1;
}


/* Nav_col5 
  ------------------------- */
.Nav_col5 {
  padding: 4em 0;
  background: #f5f5f5;
}
.Nav_col5 ul {
  display: flex;
  justify-content: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-right: none;
}
.Nav_col5 ul li {
  width: 20%;
}
.Nav_col5 ul li a {
  display: block;
  position: relative;
  font-size: 115%;
  padding: 1.8em 3em 1.8em 1.5em;
  background: #fff url();
  border-right: 1px solid #e1e1e1;
  color: #000;
  font-weight: 700;
  transition: 0.2s;
}
.Nav_col5 ul li a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
.Nav_col5 ul li a span {
  position: absolute;
  top: 38%;
  right: 1.5em;
}


/* Nav_col4 
  ------------------------- */
.Nav_col4 {
  padding: 4em 0;
  background: #f5f5f5;
}
.Nav_col4 ul {
  display: flex;
  justify-content: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-right: none;
}
.Nav_col4 ul li {
  width: 25%;
}
.Nav_col4 ul li a {
  display: block;
  position: relative;
  font-size: 115%;
  padding: 1.8em 2em;
  background: #fff url();
  border-right: 1px solid #e1e1e1;
  color: #000;
  font-weight: 700;
  transition: 0.2s;
}
.Nav_col4 ul li a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
.Nav_col4 ul li a span {
  position: absolute;
  top: 38%;
  right: 2em;
}


/* Nav_col3 
  ------------------------- */
.Nav_col3 {
  padding: 4em 0;
  background: #f5f5f5;
  position: relative;
  z-index: 3;
}
.Nav_col3 ul {
  display: flex;
  justify-content: center;
  border: 1px solid #e1e1e1;
  border-right: none;
}
.Nav_col3 ul li {
  width: 33.34%;
}
.Nav_col3 ul li a {
  display: block;
  position: relative;
  font-size: 115%;
  padding: 1.8em 2em;
  background: #fff url();
  border-right: 1px solid #e1e1e1;
  color: #000;
  font-weight: 700;
  transition: 0.2s;
}
.Nav_col3 ul li a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
.Nav_col3 ul li a span {
  position: absolute;
  top: 38%;
  right: 2em;
}

/* Nav_col2 
  ------------------------- */
.Nav_col2 {
  padding: 4em 0;
  background: #f5f5f5;
}
.Nav_col2 ul {
  display: flex;
  justify-content: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-right: none;
}
.Nav_col2 ul li {
  width: 50%;
}
.Nav_col2 ul li a {
  display: block;
  position: relative;
  font-size: 115%;
  padding: 1.8em 2em;
  background: #fff url();
  border-right: 1px solid #e1e1e1;
  color: #000;
  font-weight: 700;
  transition: 0.2s;
}
.Nav_col2 ul li a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
.Nav_col2 ul li a span {
  position: absolute;
  top: 38%;
  right: 2em;
}



/* pdOverview
  ------------------------- */
.pdOverview {
  padding-top: 200px;
  margin-top: -130px;
}
.pdOverview p {
  font-size: 105%;
  line-height: 2;
}


/* pdSystem
  ------------------------- */
.pdSystem {
  margin-top: -130px;
  padding-top: 210px;
  padding-bottom: 0;
  font-size: 105%;
}


/* pdFeature
  ------------------------- */
.pdFeature {
  margin-top: -130px;
  padding-top: 210px;
  padding-bottom: 0;
  font-size: 105%;
}
.pdFeature ul.list {
  margin: 0;
  padding: 0 0 0 0;
  font-size: 105%;
}
.pdFeature ul.list li {
  position: relative;
  padding: 0 0 1em 1em;
}
.pdFeature ul.list li::before {
  position: absolute;
  top: 0.55em;
  left: 0;
  background-color: #15262e;
  border-radius: 50%;
  content: '';
  height: 6px;
  width: 6px;
}
.pdFeature ol {
  margin: 0;
  padding: 0 0 1em 1em;
  font-size: 105%;
}
.pdFeature ol li {
  margin: 0;
  padding: 1.2em 0 0 0;
}


/* pdComposition
  ------------------------- */
.pdComposition {
  margin-top: -130px;
  padding-top: 200px;
  padding-bottom: 0;
  font-size: 105%;
}
table.tablesSpecification th {
  font-size: 105% !important;
}
table.tablesSpecification td {
  font-size: 85% !important;
}



/* pdSpecification
  ------------------------- */
.pdSpecification {
  padding-top: 210px !important;
  margin-top: -130px !important;
  padding-bottom: 0;
  font-size: 105%;
}


/* pdMovie
  ------------------------- */
.pdMovie {
  margin-top: -150px;
  padding-top: 200px;
  padding-bottom: 90px;
  font-size: 105%;
}
.pdMovie .movThumb01 {
  width: 70%;
  margin: 2em auto 0 auto;
}
.pdMovie .notice {
  margin: 2em 0 0 0;
  font-size: 100%;
  text-align: center;
}


/* tabNav2・tabNav3
  ------------------------- */
.tabHead {
  margin: 0 0 10px 0;
}
html:not(.sp) .tabNav2 li a:hover,
html:not(.sp) .tabNav3 li a:hover {
  color: #003f80;
}
html:not(.sp) .tabNav2 li a:hover::after,
html:not(.sp) .tabNav3 li a:hover::after {
  width: 40px;
}

/* tabContents
  ------------------------- */
.tabContents {
  margin: 2.5em 0 0 0;
}





@media only screen and (min-width: 1440px) {}

@media only screen and (min-width: 768px) {}



@media only screen and (min-width: 768px) and (max-width: 1000px) {}



@media only screen and (max-width: 767px) {
  
  /* h2
  ------------------------- */
  h2 {
    font-size: 220% !important;
  }
  
  
  
/* Nav_col5 
  ------------------------- */
.Nav_col5 {
  padding: 4em 0;
  background: #f5f5f5;
}
.Nav_col5 ul {
  display: flex;
  justify-content: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-right: none;
  flex-wrap: wrap;
}
.Nav_col5 ul::after {
  display: block;
  content: '';
  width: 50%;
}
.Nav_col5 ul li {
  width: 50%;
  border-bottom: 1px solid #e1e1e1;
}
.Nav_col5 ul li:nth-child(5) {
  border-bottom: none;
}
.Nav_col5 ul li a {
  display: block;
  position: relative;
  font-size: 100%;
  padding: 1.8em 3em 1.8em 1.5em;
  background: #fff url();
  border-right: 1px solid #e1e1e1;
  color: #000;
  font-weight: 700;
  transition: 0.2s;
}
.Nav_col5 ul li a:hover {
  opacity: 0.7;
}
.Nav_col5 ul li a span {
  position: absolute;
  top: 38%;
  right: 2em;
}
  
  
  
/* Nav_col4 
  ------------------------- */
.Nav_col4 {
  padding: 4em 0;
  background: #f5f5f5;
}
.Nav_col4 ul {
  display: flex;
  justify-content: center;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-right: none;
  flex-wrap: wrap;
}
.Nav_col4 ul li {
  width: 50%;
}
.Nav_col4 ul li:nth-child(1),
.Nav_col4 ul li:nth-child(2) {
  border-bottom: 1px solid #e1e1e1;
}
.Nav_col4 ul li a {
  display: block;
  position: relative;
  font-size: 100%;
  padding: 1.8em 2em;
  background: #fff url();
  border-right: 1px solid #e1e1e1;
  color: #000;
  font-weight: 700;
  transition: 0.2s;
}
.Nav_col4 ul li a:hover {
  opacity: 0.7;
}
.Nav_col4 ul li a span {
  position: absolute;
  top: 38%;
  right: 2em;
}
  
  
/* Nav_col3 
  ------------------------- */
.Nav_col3 {
  padding: 4em 0;
  background: #f5f5f5;
}
.Nav_col3 ul {
  display: flex;
  justify-content: space-between;
  border-left: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
  border-right: none;
  border-bottom: none;
  flex-wrap: wrap;
}
.Nav_col3 ul li {
  width: 50%;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
.Nav_col3 ul li:nth-child(1) {
  width: 50%;
}
.Nav_col3 ul li a {
  display: block;
  position: relative;
  font-size: 100%;
  padding: 1.8em 3.5em 1.8em 1.5em;
  background: #fff;
  border-right: 1px solid #e1e1e1;
  color: #000;
  font-weight: 700;
  transition: 0.2s;
  height: 100%;
  display: flex;
  align-items: center;
}
.Nav_col3 ul li a:hover {
  opacity: 0.7;
}
.Nav_col3 ul li a span {
  position: absolute;
  top: 38%;
  right: 1.5em;
}

/* Nav_col2 
  ------------------------- */
.Nav_col2 {
  padding: 4em 0;
  background: #f5f5f5;
}
.Nav_col2 ul {
  display: flex;
  justify-content: space-between;
  background: #fff;
  border: 1px solid #e1e1e1;
  border-right: none;
  flex-wrap: nowrap;
}
.Nav_col2 ul li {
  width: 50%;
}
.Nav_col2 ul li a {
  display: block;
  position: relative;
  font-size: 100%;
  padding: 1.8em 2em;
  background: #fff;
  border-right: 1px solid #e1e1e1;
  color: #000;
  font-weight: 700;
  transition: 0.2s;
}
.Nav_col2 ul li a:hover {
  opacity: 0.7;
}
.Nav_col2 ul li a span {
  position: absolute;
  top: 38%;
  right: 2em;
}



  /* pdOverview
    ------------------------- */
  .pdOverview {}
  .pdOverview p {
    font-size: 100%;
  }


  /* pdFeature
    ------------------------- */
  .pdFeature {}
  .pdFeature ul.list {
    font-size: 100%;
  }
  .pdFeature .scaraList ul {
    padding-bottom: 0 !important;
    font-size: 100%;
  }
  .pdFeature ul.list {
    font-size: 100%;
  }
  .pdFeature .scaraList ul {
    padding-bottom: 0 !important;
    font-size: 100%;
  }
  
  
  /* pdSpecification
    ------------------------- */
  .pdSpecification table.tablesSpecification th {
    font-size: 100% !important;
  }
  .pdSpecification table.tablesSpecification td {
    font-size: 80% !important;
  }
  
  
  .tabNav {
    font-size: 120%;
  }
  

  /* tabContents
    ------------------------- */
  .tabContents {
    margin: 2em 0 0 0;
  }

}



.pdFeature,
.pdOverview,
.pdMovie {
  font-size: 14px;
}
.pdFeature p,
.pdFeature ul.list,
.pdOverview p,
.pdMovie p {
  font-size: 130%;
}
@media only screen and (max-width: 767px) {
  .pdFeature p,
  .pdFeature ul.list,
  .pdOverview p,
  .pdMovie p {
    font-size: 100%;
  }
}
