/*アカハライモリの飼い方202410*/
#PRODETAILBOX.howUPA .aspect-204-35 { aspect-ratio: 204 / 35;}
#PRODETAILBOX.howUPA .aspect-236-133 { aspect-ratio: 236 / 133;}
#PRODETAILBOX.howUPA .aspect-1-1 { aspect-ratio: 1 / 1;}
#PRODETAILBOX.howUPA .aspect-60-23 { aspect-ratio: 60 / 23;}
#PRODETAILBOX.howUPA .aspect-25-8 { aspect-ratio: 25 / 8;}
#PRODETAILBOX.howUPA .aspect-47-16 { aspect-ratio: 47 / 16;}
#PRODETAILBOX.howUPA .aspect-9-8 { aspect-ratio: 9 / 8;}
#PRODETAILBOX.howUPA .aspect-356-45 { aspect-ratio: 356 / 45;}
#PRODETAILBOX.howUPA .aspect-451-131 { aspect-ratio: 451 / 131;}
#PRODETAILBOX.howUPA .aspect-223-36 { aspect-ratio: 223 / 36;}
#PRODETAILBOX.howUPA .aspect-447-118 { aspect-ratio: 447 / 118;}
#PRODETAILBOX.howUPA .aspect-5-3 { aspect-ratio: 5 / 3;}
#PRODETAILBOX.howUPA .aspect-4-3 { aspect-ratio: 4 / 3;}
#PRODETAILBOX.howUPA .aspect-225-169 { aspect-ratio: 225 / 169;}
#PRODETAILBOX.howUPA .aspect-35-16 { aspect-ratio: 35 / 16;}

#PRODETAILBOX.howUPA .br-pc {display: block;}
#PRODETAILBOX.howUPA .br-sp {display: none;}

#PRODETAILBOX.howUPA #HOWTITLEBOX{ 
  background: url("../how/img/ex_about_08_backimg02.avif") no-repeat center; 
  background-size: 100%;
  background-color: rgba(240,247,241,1);
}

#PRODETAILBOX.howUPA h1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
#PRODETAILBOX.howUPA h1 .title {max-width: 61.2rem;}
#PRODETAILBOX.howUPA h1 .title-img { max-width: 19rem;}

#PRODUCT.hownew p.leadTXT {
  font-weight: 400;
}

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


#PRODUCT.hownew #PRODETAILBOX.howUPA ol.howmenu li a{ background-color: #008f43; font-weight: 400;}

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

#PRODETAILBOX.howUPA #H01 {
  background: rgb(220,234,221);
  background: linear-gradient(0deg, rgba(220,234,221,1) 0%, rgba(231,247,232,1) 50%, rgba(240,247,241,1) 100%);
}
#PRODETAILBOX.howUPA section#H01 .inner{ background: rgba(255,255,255,1); padding:60px 20px; border-radius: 10px; }


#PRODUCT.hownew #PRODETAILBOX.howUPA section#H02{ 
  background: rgb(220,234,221);
  background: linear-gradient(0deg, rgba(240,247,241,1) 0%, rgba(231,247,232,1) 50%, rgba(220,234,221,1) 100%);
}

#PRODETAILBOX.howUPA section#H03 {
  background: rgb(220,234,221);
  background: linear-gradient(0deg, rgba(220,234,221,1) 0%, rgba(231,247,232,1) 50%, rgba(240,247,241,1) 100%);
}

#PRODUCT.hownew #PRODETAILBOX.howUPA div.menuBOX {max-width: 455px; margin: 0 auto;}

#PRODUCT.hownew #PRODETAILBOX.howUPA ol.howmenu li {width: 100%;}
#PRODUCT.hownew #PRODETAILBOX.howUPA ol.howmenu li:nth-child(2n) {margin-left: 0%;}

#PRODUCT.hownew #PRODETAILBOX.howUPA ol.howmenu em {margin: 0;}

#PRODUCT.hownew #PRODETAILBOX.howUPA h2 {border-top: dotted #cce2a8 7px; border-bottom: dotted #cce2a8 7px; margin-bottom: 40px; padding: 15px 0; text-align: center; font-size: 23px; font-weight: 400;}
#PRODUCT.hownew #PRODETAILBOX.howUPA h2 strong { color: #008f43; font-size: 28px; font-weight: bold;}
#PRODETAILBOX.howUPA h2 em {font-size: 20px;}

#PRODETAILBOX.howUPA .image01 { 
display: flex;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
margin: 3rem 0 3rem;
font-size: 18px;
}

#PRODETAILBOX.howUPA .image01 li:nth-child(1),
#PRODETAILBOX.howUPA .image01 li:nth-child(2){
      width: calc(51% - 1.5rem);
}

#PRODETAILBOX.howUPA .image01 li:nth-child(3),
#PRODETAILBOX.howUPA .image01 li:nth-child(4),
#PRODETAILBOX.howUPA .image01 li:nth-child(5) {
width: calc(34.2% - 1.5rem);
}

#PRODETAILBOX.howUPA .image01 li p {
padding: 0;
margin: 1.5rem 0 1.5rem;
font-weight: 400;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

#PRODETAILBOX.howUPA .image01 li p strong {
color: #008f43;
background-color: #cce2a8;
border-radius: 3rem;
padding: 1rem;
text-align: center;
display: block;
margin-bottom: 1rem;
font-size: 1.7rem;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

#PRODUCT.hownew .table-wrap {
border: 1px solid #008f43;
border-radius: 8px;
/* overflow: hidden; */
    margin-bottom: 1rem;
}

#PRODUCT.hownew table {
border-collapse: collapse;
width: 100%;
margin: 0;
font-family: 'M PLUS Rounded 1c', sans-serif;
font-size: 18px;
}

#PRODUCT.hownew .table-wrap table th,
#PRODUCT.hownew .table-wrap table td {
border: 1px solid #008f43;
padding: 8px 12px;
}

#PRODUCT.hownew .table-wrap table th{
background: #f3f8e7;
color: #008f43;
}

#PRODUCT.hownew .table-wrap table td{
background: #f3f8e7;
color: black;
font-weight: bold;
}

/* 
#PRODETAILBOX.howUPA .image02 {display: flex; justify-content: flex-end; margin-top: -17rem; position: relative; padding-right: 0rem; text-align: center; font-size: 23px;} */

/* #PRODETAILBOX.howUPA .image01 img,
#PRODETAILBOX.howUPA .image02 img {max-width: 16rem;} */

#PRODETAILBOX.howUPA  p.leadTXT2 {font-size: 18px; margin-top: 2rem; font-weight: 400; color: #369b62;}
#PRODETAILBOX.howUPA  p.leadTXT2 strong {font-size: 20px; color: #CB151D;}


#PRODETAILBOX.howUPA #H01 p.leadTXT3 {
  font-weight: 400;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-size: 18px;
}

#PRODETAILBOX.howUPA #H02 dl.upa-features {
display: flex;
gap: 3rem;
}

#PRODETAILBOX.howUPA #H02 dl.upa-features dt {
max-width: 24rem;
}

#PRODETAILBOX.howUPA #H02 dl.upa-features dd {
width: 70%;
font-weight: 400;
font-size: 18px;
}

#PRODETAILBOX.howUPA #H02 dl.upa-features dd ul li {
font-weight: 400;
margin: 0 0 1rem;
position: relative;
padding: 0 0 0 2rem;
font-family: 'M PLUS Rounded 1c', sans-serif;
}

#PRODETAILBOX.howUPA #H02 dl.upa-features dd ul li::after{
background-color: #008f43;
display: block;
content: '';
position: absolute;
top: 1.5rem;
left: 0px;
width: 1.3rem;
height: 1.3rem;
border-radius: 5rem;
}

#PRODETAILBOX.howUPA #H02 dl.upa-features dd ul li strong {
color: #008f43;
    font-size: 2rem;
}

#PRODETAILBOX.howUPA #H02 .image02 {
max-width: 67rem;
margin:2rem  auto;
}

#PRODETAILBOX.howUPA #H02 .pointer {
margin-top: 2rem;
background: #cce2a8;
border-radius: 2rem;
padding: 1rem;
color: #369b62;
text-align: center;
font-weight: bold;
font-family: 'M PLUS Rounded 1c', sans-serif; 
font-size: 18px;
}

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

#PRODUCT.hownew #PRODETAILBOX.howUPA p.hownewTITLE2 {color: #CB151D; margin: 80px 0 20px;}

#RELATION.contents-section .section-title {
font-weight: 400;
font-family: 'M PLUS Rounded 1c', sans-serif;
}


#PRODETAILBOX.howUPA .image03 {
  display: flex;
  gap: 2rem;
    margin-top: 2rem;
}
#PRODETAILBOX.howUPA .image03 img {max-width: 35rem;}



#PRODETAILBOX.howUPA .image04 {
  display: flex;
  max-width: 85rem;
  margin: 3rem auto;
}







body#PRODUCT.how.hownew #RELATION.contents-section {
  background: #fff;
}

  #PRODUCT.hownew ol.howmenu {
        padding: 26px 0;
  }




@media only screen and (min-width: 1px) and (max-width: 770px) {
  #PRODETAILBOX.howUPA h1 {align-items: center;}
  #PRODETAILBOX.howUPA h1 .title-img {max-width: 20rem;}
  
}

@media only screen and (min-width: 1px) and (max-width: 640px) {
  #PRODETAILBOX.howUPA .br-sp {display: block;}
  
  #PRODETAILBOX.howUPA h1 {display: block; margin: 0;}
  #PRODETAILBOX.howUPA h1 .title {
    margin: 1rem auto 0;
  }
  #PRODETAILBOX.howUPA h1 .title-img {
max-width: 11rem;
    margin: 0 0 0 auto;
  }

  #PRODUCT.hownew ol.howmenu {
    padding: 0;
  }
  #PRODETAILBOX.howUPA #HOWTITLEBOX {
    background: url("../how/img/ex_about_08_backimg02.avif") no-repeat center top 15%;
    background-size: 100%;
    background-color: rgba(240,247,241,1);
  }
  #PRODUCT.hownew ol.howmenu li a {font-size: 13.5px;}
	#PRODUCT.hownew #PRODETAILBOX.howUPA ol.howmenu {padding: 15px 0 0 0;}

	#PRODETAILBOX.howUPA section#H01 {padding-top: 20px;}
  #PRODUCT.hownew #PRODETAILBOX.howUPA section#H02,
  #PRODUCT.hownew #PRODETAILBOX.howUPA section#H03 {
		padding-top: 50px;
	}

  @media only screen and (min-width: 1px) and (max-width: 425px) {
  #PRODUCT.hownew ol.howmenu li a {font-size: 12.5px;}
  }

  @media only screen and (min-width: 1px) and (max-width: 500px) {
#PRODETAILBOX.howUPA .image01 {
  flex-direction: column;
}

#PRODETAILBOX.howUPA .image01 li:nth-child(1), 
#PRODETAILBOX.howUPA .image01 li:nth-child(2),
#PRODETAILBOX.howUPA .image01 li:nth-child(3),
#PRODETAILBOX.howUPA .image01 li:nth-child(4),
#PRODETAILBOX.howUPA .image01 li:nth-child(5)
 {
  width: 100%;
}

#PRODUCT.hownew table {
  font-size: 16px;
}

#PRODETAILBOX.howUPA #H02 dl.upa-features {
  flex-direction: column;
}

#PRODETAILBOX.howUPA #H02 dl.upa-features dd {
  width: 100%;
}

#PRODETAILBOX.howUPA #H02 dl.upa-features dt {
  margin: auto;
}
  }

	
	#PRODETAILBOX.howUPA  p.leadTXT2 {font-size: 15px;}
	#PRODETAILBOX.howUPA  p.leadTXT2 strong {font-size: 17px;}
  
  #PRODETAILBOX.howUPA .image03 {display: block;}
  


  #PRODETAILBOX.howUPA .sp-txt {display: block;}
  
  #PRODETAILBOX.howUPA .sp-txt dt {font-weight: bold; margin-top: 2rem;}
  #PRODETAILBOX.howUPA .sp-txt .green {color: #8AA040;}
  #PRODETAILBOX.howUPA .sp-txt .pink {color: #DC3D83;}
  #PRODETAILBOX.howUPA .sp-txt .orange {color: #F1AB43;}
  #PRODETAILBOX.howUPA .sp-txt .blue {color: #2A748C;}
  
  #PRODETAILBOX.howUPA .image07-img {margin-top: 0;}
  #PRODETAILBOX.howUPA .feature-list2 {display: block;}
  #PRODETAILBOX.howUPA .feature-list2 li {width: 100%;}
	
  #PRODETAILBOX.howUPA .image08 {display: block;}
  #PRODETAILBOX.howUPA .image08-img {max-width: 30rem; margin: 0 auto; display: block;}
  
  #PRODUCT.hownew section#H03 .inner {
    overflow: inherit;
  }
  #PRODETAILBOX.howUPA .frame {display: block; margin: 0 auto;}
  #PRODETAILBOX.howUPA .frame li {margin: 0 auto;}
  #PRODETAILBOX.howUPA .frame li:last-child {margin-top: -3rem;}
	
  #PRODUCT.hownew #PRODETAILBOX.howUPA div.howproLINK p.howproLINKtitle {
    width: 20rem;
  }
	
  #PRODUCT.hownew div.howproLINK .link02:last-child div.howproITEM span {
    margin-right: inherit;
  }
	
}