#PRODETAILBOX.howTURTLEnew,
#PRODETAILBOX.howTURTLEnew #HOWTITLEBOX .howbackimg .inner {
position: relative;
z-index: 5;
}


#PRODETAILBOX.howTURTLEnew #HOWTITLEBOX .howbackimg .element img:nth-last-of-type(2){ 
width: 22rem;
right: 0;
position: absolute;
top: -5rem;
}

#PRODETAILBOX.howTURTLEnew #HOWTITLEBOX .howbackimg .element img:nth-last-of-type(1) {
width: 21rem;
position: absolute;
top: 10rem;
left: 0;
}


#PRODUCT.hownew #PROCONTENTS {
background: url(../how/img/ex_about_09_backimg01.avif);
background-repeat: repeat;
background-size: auto;
background-position: top left;
background-blend-mode: multiply;
}



#PRODUCT.hownew ul li p,
#PRODUCT.hownew p.txt {
padding: 0.5rem 0 1.5rem;
}

#PRODUCT.hownew #PROCONTENTS #PRODETAILBOX.howTURTLEnew #HOWTITLEBOX .inner {overflow: inherit;}

#PRODETAILBOX.howTURTLEnew h1{ position: relative; max-width:80rem; margin: 0 auto; z-index: 100; }

#PRODETAILBOX.howTURTLEnew .title01 {
  position: relative;
}


#PROCONTENTS{ width: 96%; max-width: 98rem; margin:0 auto 30px auto; overflow:hidden;}


#PRODUCT.hownew #PRODETAILBOX.howTURTLEnew ol.howmenu li a{background-color: #BF7834; font-weight: bold;}


#PRODUCT.hownew #PRODETAILBOX.howTURTLEnew ol.howmenu li.navi01 a:before   { background:  url("../how/img/ex_about_09_icon01.avif") no-repeat ; background-size:contain; }
#PRODUCT.hownew #PRODETAILBOX.howTURTLEnew ol.howmenu li.navi02 a:before   { background:  url("../how/img/ex_about_09_icon02.avif") no-repeat ; background-size:contain; }


#PRODETAILBOX.howTURTLEnew .back-img01 {
  position: absolute;
  right: -36rem;
  top: -32rem;
  max-width: 19rem;
  width: 23%;
  filter: drop-shadow(-2px 4px 4px #3e3e3e);
  animation: fallLeaf 18s ease-in-out infinite;
  z-index: 0;
}

#PRODETAILBOX.howTURTLEnew .back-img03 {
position: absolute;
right: -77rem;
    top: 29rem;
max-width: 19rem;
width: 23%;
animation: runLeft 18s linear infinite;
z-index: 2;
}

#PRODETAILBOX.howTURTLEnew .back-img03 img {
  filter: drop-shadow(-2px 4px 4px #3e3e3e);
  animation: tiltWiggleRun 18s linear infinite; 
}

@keyframes fallLeaf {
  0%   { transform: translate(0, 0); opacity: 1; }
  12%  { transform: translate(-18rem, 20vh); opacity: 1; }
  22%  { transform: translate(10rem, 40vh); opacity: 1; }
  32% { transform: translate(-23rem, 60vh); opacity: 1; }
  42%  { transform: translate(-10rem, 65vh); opacity: 1; }
  93%  { transform: translate(-10rem, 65vh); opacity: 1; }
  100% { transform: translate(-10rem, 65vh); opacity: 0; } 
}

@keyframes runLeft {
  0%   { transform: translateX(0); opacity: 1; }
  43%  { transform: translateX(0); opacity: 1; } 
  65%  { transform: translateX(-50rem); opacity: 1; } 
  93%  { transform: translateX(-50rem); opacity: 1; } 
  100% { transform: translateX(-50rem); opacity: 0; } 
}

@keyframes tiltWiggleRun {
  0%   { transform: rotate(0deg); }
  2%   { transform: rotate(5deg); }
  4%   { transform: rotate(0deg); }
  6%   { transform: rotate(-5deg); }
  8%   { transform: rotate(0deg); }

  10%  { transform: rotate(5deg); }
  12%  { transform: rotate(0deg); }
  14%  { transform: rotate(-5deg); }
  16%  { transform: rotate(0deg); }

  18%  { transform: rotate(5deg); }
  20%  { transform: rotate(0deg); }
  22%  { transform: rotate(-5deg); }
  24%  { transform: rotate(0deg); }

  26%  { transform: rotate(5deg); }
  28%  { transform: rotate(0deg); }
  30%  { transform: rotate(-5deg); }
  32%  { transform: rotate(0deg); }

  34%  { transform: rotate(5deg); }
  36%  { transform: rotate(0deg); }
  38%  { transform: rotate(-5deg); }
  40%  { transform: rotate(0deg); }

  42%  { transform: rotate(5deg); }
  44%  { transform: rotate(0deg); }
  46%  { transform: rotate(-5deg); }
  48%  { transform: rotate(0deg); }

  50%  { transform: rotate(5deg); }
  52%  { transform: rotate(0deg); }
  54%  { transform: rotate(-5deg); }
  56%  { transform: rotate(0deg); }

  58%  { transform: rotate(5deg); }
  60%  { transform: rotate(0deg); }
  62%  { transform: rotate(-5deg); }
  64%  { transform: rotate(0deg); }

  66%, 100% { transform: rotate(-5deg); }
}



#PRODUCT.hownew #PRODETAILBOX.howTURTLEnew h2 {border-top: dotted #BF7834 7px; border-bottom: dotted #BF7834 7px; position: relative; font-size: 23px; text-align: center; padding: 15px 0; margin-bottom: 40px;     font-weight: bold;}
#PRODUCT.hownew #PRODETAILBOX.howTURTLEnew h2 strong {color: #BF7834; font-size: 28px;}

#PRODETAILBOX.howTURTLEnew h3.hownewTITLE:before {
background: #BF7834;
position: absolute;
left: 0;
top: 10px;
content: '';
width: 15px;
height: 15px;
border-radius: 50%;
}



#PRODETAILBOX.howTURTLEnew #H01{
position: relative;
padding-top: 50px;
margin-top: -1px;
}

#PRODUCT.hownew section#H02 {
position: relative;
}

#PRODETAILBOX.howTURTLEnew .back-img02 {
transform: scaleX(-1);
position: absolute;
width: 24rem;
top: 0;
left: 3%;
z-index: 3;
filter: drop-shadow(4px 3px 3px #3e3e3e);
animation: tiltWiggle 10s linear infinite;

}

@keyframes tiltWiggle {
  0%   { transform: rotate(0deg); }
  2%   { transform: rotate(5deg); }
  4%   { transform: rotate(0deg); }
  6%   { transform: rotate(-5deg); }
  8%   { transform: rotate(0deg); }

  10%  { transform: rotate(5deg); }
  12%  { transform: rotate(0deg); }
  14%  { transform: rotate(-5deg); }
  16%  { transform: rotate(0deg); }

  18%  { transform: rotate(5deg); }
  20%  { transform: rotate(0deg); }
  22%  { transform: rotate(-5deg); }
  24%  { transform: rotate(0deg); }
  26%, 100% { transform: rotate(0deg); }
}

#PRODETAILBOX.howTURTLEnew section#H01 .inner{ background: rgba(255,255,255,0.9); padding:60px 20px; border-radius: 10px;}


#PRODUCT.hownew h3.hownewTITLE {
position: relative;
padding-left: 20px;
font-size: 20px;
font-weight: 600;
margin: 60px 0 10px;
}

/* ニホンヤモリを飼おう */

#PRODETAILBOX.howTURTLEnew .japan-gecko {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
}

#PRODETAILBOX.howTURTLEnew .japan-gecko img {
transform: scaleX(-1);
max-width: 32rem;
object-fit: contain;
position: relative;
left: 5rem;
}

#PRODETAILBOX.howTURTLEnew .japan-gecko strong {
display: block;
font-size: 2rem;
}

#PRODETAILBOX.howTURTLEnew .japan-gecko p {
width: 60%;
position: relative;
}


#PRODETAILBOX.howTURTLEnew .gage {
display: flex;
align-items: flex-start;
}

#PRODETAILBOX.howTURTLEnew .gage img {
width: 60%;
}

#PRODETAILBOX.howTURTLEnew .gage .tu_about_02-txt2 {
width: 40%;
margin: 0;
}

#PRODETAILBOX.howTURTLEnew .temperature {
display: flex;
gap: 1rem;
}

#PRODETAILBOX.howTURTLEnew .feeding-image {
display: flex;
padding: 2rem;
border-radius: 2rem;
background: #fadeeb;
gap: 1rem;
}

#PRODETAILBOX.howTURTLEnew .feeding img:nth-child(1) {
object-fit: contain;
max-width: 18.5rem;
}

#PRODETAILBOX.howTURTLEnew .feeding img:nth-child(2) {
max-width: 27rem;
object-fit: contain;
}

#PRODETAILBOX.howTURTLEnew .feeding dl dt {
font-weight: bold;
}


#PRODETAILBOX.howTURTLEnew .tu_about_02-txt {
color: #5ab657;
margin-top: 3rem;
}

#PRODUCT.hownew .tu_about_02-txt2 {
background: #feeed1;
border-radius: 1rem;
padding: 2rem;
margin: 3rem 0;
}

#PRODUCT.hownew .tu_about_02-txt2 dt {
font-weight: bold;
}


#PRODETAILBOX.howTURTLEnew .image01-01 {
width: 100%;
}
#PRODETAILBOX.howTURTLEnew .image01 strong {
text-align: center;
}


#PRODUCT.hownew .image09 {
display: flex;
margin-bottom: 2rem;
width: 100%;
justify-content: space-between;
}



#PRODUCT.hownew .leopa-image01 {
display: flex;
align-items: end;
justify-content: left;
gap: 2rem;
width: 48%;
}

#PRODUCT.hownew .image09-01 {
width: 37%;
position: relative;
}



#PRODUCT.hownew .leopa-image02{
display: flex;
align-items: end;
justify-content: right;
gap: 2rem;
width: 48%;
}

#PRODUCT.hownew .image09-02,
#PRODUCT.hownew .image09-03 {
width: 50%;
display: flex;
flex-direction: column;
align-items: center;
}

#PRODUCT.hownew .image09-03 p {
color: #6d265b;
font-weight: bold;
padding: 0;
}

#PRODUCT.hownew .image09-02 img {
display: block;
width: 82%;
}

#PRODUCT.hownew .image09-03 img {
display: block;
width: 100%;
}


#PRODUCT.hownew .leopa td {
border: solid 1px #000000;
background: #d7d4e8;
    width: 40%;
}

#PRODUCT.hownew .leopa td+td {
background: #feeed1;
width: 20%;
}

#PRODUCT.hownew .leopa tr td:nth-child(3) {
background: #ea5514;
color: #fff;
    width: 40%;
}

#PRODUCT.hownew .leopa-txt {
font-weight: bold;
font-size: 1.5rem;
margin: 3rem 0 1rem;

}

#PRODUCT.hownew .image10 {
display: flex;
justify-content: center;
gap: 1rem; 
flex-wrap: wrap;
}

#PRODUCT.hownew .image10 li {
width: calc(33% - 1.5rem);
}

#PRODUCT.hownew .image10 li p {
text-align: center;
}

#PRODUCT.hownew .image11 {
max-width: 60rem;
margin: 3rem auto 0;
}

#PRODETAILBOX.howTURTLEnew #H02 .back-img03 img {
    position: absolute;
    max-width: 29rem;
    top: 1rem;
    right: 11%;
display: inline-block;
animation: sway 2s infinite step-end; 
}



#PRODUCT.hownew .leopa-sp {
display: none;
}

#PRODUCT.hownew #H02 table {
border-radius: 0;
}

#PRODETAILBOX.howTURTLEnew #H02 {
  position: relative;
}

#PRODETAILBOX.howTURTLEnew #HOWTITLEBOX .howbackimg #H02 .back-img03 img {
display: inline-block;
animation: sway 2s infinite step-end; 
}

@keyframes sway {
0%, 20% { transform: rotate(-15deg); }
21%, 39% { transform: rotate(30deg); } 
40%, 59% { transform: rotate(-15deg); }
60%, 79% { transform: rotate(30deg); }
80%, 99% { transform: rotate(-15deg); } 
100% { transform: rotate(-15deg); }
}

#PRODUCT.hownew table td+td {
  border-left: none;
}


@media only screen and (min-width: 1px) and (max-width: 1440px) {
#PRODETAILBOX.howTURTLEnew #H02 .back-img03 img {
right: 3%;
}

#PRODETAILBOX.howTURTLEnew .back-img01 {
right: -21rem;
}

#PRODETAILBOX.howTURTLEnew .back-img03 {
right: -52rem;
top: 25rem;
}

@keyframes fallLeaf {
  0%   { transform: translate(0, 0); opacity: 1; }
  12%  { transform: translate(-18rem, 20vh); opacity: 1; }
  22%  { transform: translate(9rem, 35vh); opacity: 1; }
  32%  { transform: translate(-23rem, 50vh); opacity: 1; }
  42%  { transform: translate(7rem, 63vh); opacity: 1; }
  93%  { transform: translate(7rem, 63vh); opacity: 1; }
  100% { transform: translate(7rem, 63vh); opacity: 0; } 
}

@keyframes runLeft {
  0%   { transform: translateX(0); opacity: 1; }
  43%  { transform: translateX(0); opacity: 1; } 
  50%  { transform: translateX(-23rem); opacity: 1; } 
  93%  { transform: translateX(-23rem); opacity: 1; } 
  100% { transform: translateX(-23rem); opacity: 0; } 
}

@keyframes tiltWiggleRun {
  0%   { transform: rotate(0deg); }
  2%   { transform: rotate(5deg); }
  4%   { transform: rotate(0deg); }
  6%   { transform: rotate(-5deg); }
  8%   { transform: rotate(0deg); }

  10%  { transform: rotate(5deg); }
  12%  { transform: rotate(0deg); }
  14%  { transform: rotate(-5deg); }
  16%  { transform: rotate(0deg); }

  18%  { transform: rotate(5deg); }
  20%  { transform: rotate(0deg); }
  22%  { transform: rotate(-5deg); }
  24%  { transform: rotate(0deg); }

  26%  { transform: rotate(5deg); }
  28%  { transform: rotate(0deg); }
  30%  { transform: rotate(-5deg); }
  32%  { transform: rotate(0deg); }

  34%  { transform: rotate(5deg); }
  36%  { transform: rotate(0deg); }
  38%  { transform: rotate(-5deg); }
  40%  { transform: rotate(0deg); }

  42%  { transform: rotate(5deg); }
  44%  { transform: rotate(0deg); }
  46%  { transform: rotate(-5deg); }
  48%  { transform: rotate(0deg); }

  50%  { transform: rotate(5deg); }
  52%, 100% { transform: rotate(0deg); }
}

}


@media screen and (max-width: 1273px) {
#PRODETAILBOX.howTURTLEnew .back-img02 {
max-width: 18rem;
left: 2%;
}
}

@media screen and (max-width: 1024px) {
#PRODETAILBOX.howTURTLEnew .back-img01 {
max-width: 15rem;
right: -3rem;
}

#PRODETAILBOX.howTURTLEnew .back-img03 {
right: -28rem;
top: 31rem;
max-width: 15rem; 
}

@keyframes fallLeaf {
  0%   { transform: translate(0, 0); opacity: 1; }
  12%  { transform: translate(-18rem, 20vh); opacity: 1; }
  22%  { transform: translate(9rem, 40vh); opacity: 1; }
  32%  { transform: translate(-23rem, 60vh); opacity: 1; }
  42%  { transform: translate(7rem, 75vh); opacity: 1; }
  93%  { transform: translate(7rem, 75vh); opacity: 1; }
  100% { transform: translate(7rem, 75vh); opacity: 0; } 
}

@keyframes runLeft {
  0%   { transform: translateX(0); opacity: 1; }
  43%  { transform: translateX(0); opacity: 1; } 
  50%  { transform: translateX(-17rem); opacity: 1; } 
  93%  { transform: translateX(-17rem); opacity: 1; } 
  100% { transform: translateX(-17rem); opacity: 0; } 
}

}


@media only screen and (min-width:899px) and (max-width:1024px) {

#PRODUCT.hownew #PROCONTENTS #PRODETAILBOX.howTURTLEnew .inner {width: 888px !important;}

}

@media only screen and (min-width:1px) and (max-width:899px) {
#PRODETAILBOX.howTURTLEnew #HOWTITLEBOX .howbackimg .element img:nth-last-of-type(1) {
width: 16rem;
top: 10rem;
left: 1rem;
}

#PRODETAILBOX.howTURTLEnew #HOWTITLEBOX .howbackimg .element img:nth-last-of-type(2) {
width: 16rem;
right: 2%;
top: -2rem;
}

#PRODETAILBOX.howTURTLEnew #HOWTITLEBOX .howbackimg {
background-position: center 44%;
background-size: 120% auto;
}


#PRODETAILBOX.howTURTLEnew #H02 .back-img03 img {
max-width: 21rem; 
}


#PRODUCT.hownew #PRODETAILBOX.howTURTLEnew ol.howmenu {padding: 0 0 2rem 0;}  


}


@media only screen and (min-width: 1px) and (max-width: 700px) {
#PRODUCT.hownew ol.howmenu li {
width: 100%;
float: inherit;
margin: 20px 0;
}

#PRODUCT.hownew ol.howmenu li:nth-child(2n) {
margin-left: unset;
}
}




@media screen and (max-width: 768px) {
#PRODETAILBOX.howTURTLEnew .image01{
flex-direction: column;
align-items: center;
}

#PRODETAILBOX.howTURTLEnew .back-img01 {
right: 7rem;
}

#PRODETAILBOX.howTURTLEnew .back-img03 {
right: -17rem;
top: 27rem;
}

@keyframes fallLeaf {
  0%   { transform: translate(0, 0); opacity: 1; }
  12%  { transform: translate(-18rem, 20vh); opacity: 1; }
  22%  { transform: translate(9rem, 40vh); opacity: 1; }
  32%  { transform: translate(-23rem, 60vh); opacity: 1; }
  42%  { transform: translate(7rem, 70vh); opacity: 1; }
  93%  { transform: translate(7rem, 70vh); opacity: 1; }
  100% { transform: translate(7rem, 70vh); opacity: 0; } 

}

@keyframes runLeft {
  0%   { transform: translateX(0); opacity: 1; }
  43%  { transform: translateX(0); opacity: 1; } 
  50%  { transform: translateX(-16rem); opacity: 1; } 
  93%  { transform: translateX(-16rem); opacity: 1; } 
  100% { transform: translateX(-16rem); opacity: 0; } 
}



#PRODETAILBOX.howTURTLEnew .image01-01 {
display: flex;
flex-direction: column;
align-items: center;
}


#PRODETAILBOX.howTURTLEnew .image02 {
flex-direction: column;
}
#PRODETAILBOX.howTURTLEnew .image02-02 {
max-width: 43rem;
margin: auto;
width: 100%;
}

#PRODETAILBOX.howTURTLEnew .image02-03 {
width: 100%;
}

#PRODUCT.hownew .tu_about_02-txt2{
margin: 2rem 0;
}

#PRODUCT.hownew .image04-2 {
flex-wrap: wrap;
}

#PRODUCT.hownew .image04-2 li {
width: calc(33% - 1.5rem);
}

#PRODETAILBOX.howTURTLEnew .back-img02 {
max-width: 16rem;
}

#PRODUCT.hownew .leopa-sp tr:nth-child(8) {
margin-bottom: 4rem;
border: solid 1px #b4b4b4;
}

#PRODUCT.hownew .leopa-pc {
  display: none;
}

#PRODUCT.hownew .leopa-image01,
#PRODUCT.hownew .leopa-image02 {
width: 100%;
justify-content: center;
}

#PRODUCT.hownew .leopa-sp table {
  border: none;
}

#PRODUCT.hownew table,
#PRODUCT.hownew table tbody,
#PRODUCT.hownew table tr,
#PRODUCT.hownew table th,
#PRODUCT.hownew table td {
display: block;
width: 100%;
}

#PRODUCT.hownew table tr {
margin-bottom: 1rem;
border: solid 1px #b4b4b4;
}


#PRODUCT.hownew .leopa-sp {
display: block;
border: none;
}

#PRODUCT.hownew .leopa-sp tr td.title {
background: #d7d4e8 !important;
}

#PRODUCT.hownew .leopa-sp tr td:first-child {
background: #feeed1;
}

#PRODUCT.hownew .leopa-sp td {
background: #d7d4e8;
border-top: none;
margin-bottom: 0;
}

#PRODUCT.hownew .leopa-sp tr td.title2 {
border-top: none;
margin-bottom: 0;
background: #ea5514 !important;
color: #fff;
}

#PRODUCT.hownew .leopa-sp tr:nth-child(n+9) td:nth-child(2) {
background: #ea5514;
color: #fff;
}

#PRODUCT.hownew table tr+tr th,
#PRODUCT.hownew table tr+tr td {
border-top: 1px solid #aaa;
}

#PRODUCT.hownew .image10 {
flex-wrap: wrap;
}


#PRODETAILBOX.howTURTLEnew .feeding-image {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}

#PRODETAILBOX.howTURTLEnew .feeding-image img:nth-child(1){
width: calc(40% - 0.5rem);
max-width: 18.5rem;
}

#PRODETAILBOX.howTURTLEnew .feeding-image img:nth-child(2){
width: calc(60% - 0.5rem);
max-width: 27rem;
}

}







@media screen and (max-width: 600px) {
#PRODETAILBOX.howTURTLEnew #HOWTITLEBOX .howbackimg .element img:nth-last-of-type(1) {
width: 25%;
top: 30%;
}

#PRODETAILBOX.howTURTLEnew #HOWTITLEBOX .howbackimg .element img:nth-last-of-type(2) {
width: 25%;
}

#PRODETAILBOX.howTURTLEnew .image02-04 {
flex-direction: column;
}

#PRODETAILBOX.howTURTLEnew .image02-05 {
width: 24rem;
margin: auto;
position: relative;
}

#PRODETAILBOX.howTURTLEnew .image03 {
flex-direction: column;
}

#PRODETAILBOX.howTURTLEnew .image03 img {
max-width: 17rem;
margin: auto;
}

#PRODETAILBOX.howTURTLEnew .image03-02 img {
max-width: 35rem;
}

#PRODUCT.hownew .image04-2 {
flex-direction: column;
}

#PRODUCT.hownew .image04-2 li {
width: 100%;
max-width: 27rem;
margin: auto;
}

#PRODUCT.hownew .image09 {
flex-direction: column;
gap: 2rem;
align-items: center;
}



#PRODETAILBOX.howTURTLEnew .japan-gecko {
flex-direction: column;
}

#PRODETAILBOX.howTURTLEnew .japan-gecko img {
position: unset;
display: flex;
margin: auto;
}

#PRODETAILBOX.howTURTLEnew .japan-gecko p {
width: 100%;
}

#PRODETAILBOX.howTURTLEnew .gage{
flex-direction: column;
}
#PRODETAILBOX.howTURTLEnew .temperature {
flex-direction: column;
gap: 0;
}

#PRODUCT.hownew .tu_about_02-txt2:nth-child(2) {
  margin-top: 0;
}

#PRODETAILBOX.howTURTLEnew .gage .tu_about_02-txt2{
  width: 100%;
}

#PRODETAILBOX.howTURTLEnew .gage img{
  width: 100%;
}

}


@media screen and (max-width: 425px) {
#PRODETAILBOX.howTURTLEnew .image04 .image02-txt02 {
font-size: 2rem;
}

#PRODUCT.hownew .image10 {
flex-direction: column;
}

#PRODUCT.hownew .image10 li {
width: 100%;
}

#PRODETAILBOX.howTURTLEnew .back-img01 {
top: -27rem;
}

#PRODETAILBOX.howTURTLEnew .back-img03 {
right: -12rem;
top: 25rem;
}

@keyframes fallLeaf {
  0%   { transform: translate(0, 0); opacity: 1; }
  12%  { transform: translate(-18rem, 20vh); opacity: 1; }
  22%  { transform: translate(9rem, 35vh); opacity: 1; }
  32%  { transform: translate(-23rem, 45vh); opacity: 1; }
  42%  { transform: translate(7rem, 62vh); opacity: 1; }
  93%  { transform: translate(7rem, 62vh); opacity: 1; }
  100% { transform: translate(7rem, 62vh); opacity: 0; } 

}

@keyframes runLeft {
  0%   { transform: translateX(0); opacity: 1; }
  43%  { transform: translateX(0); opacity: 1; } 
  50%  { transform: translateX(-12rem); opacity: 1; } 
  93%  { transform: translateX(-12rem); opacity: 1; } 
  100% { transform: translateX(-12rem); opacity: 0; } 
}


}



@media only screen and (min-width:1px) and (max-width:720px) {
#PRODETAILBOX.howTURTLEnew #HOWTITLEBOX .howbackimg {background-position: center 47%; background-size: 100% auto;}  
}

@media only screen and (min-width:1px) and (max-width:550px) {


#PRODETAILBOX.howTURTLEnew ol.howmenu {padding: 50px 0 10px 0;}

#PRODETAILBOX.howTURTLEnew section#H01 {padding-top: 20px;}
#PRODETAILBOX.howTURTLEnew section#H01 .inner{ padding:60px 20px 20px 20px; }
}