#PRODETAILBOX.howSALTnew,
#PRODETAILBOX.howSALTnew #HOWTITLEBOX .howbackimg .inner {
position: relative;
}
#PRODETAILBOX.howSALTnew #bubbles { width: 100vw; overflow: hidden; top: 0; left: 0; }
#PRODETAILBOX.howSALTnew .bubble { position: absolute; bottom: -30vh; background-color: transparent; border: 1px solid #fff; border-radius: 50%; }

#PRODUCT.hownew #HOWTITLEBOX {
position: relative;
background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 27%, #155eb3 100%), url(../how/img/sa_about_01_backimg01.avif) no-repeat center top;
background-size: cover, cover;
background-repeat: no-repeat;
background-position: center top;
}

#PRODUCT.hownew #HOWTITLEBOX .howbackimg {
  position: relative;
}

#PRODUCT.hownew #PROCONTENTS {
position: relative;
}



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

#PRODETAILBOX.howSALTnew h1{ position: relative; margin: 0 auto; z-index: 100; }

#PRODETAILBOX.howSALTnew .title01 {
position: relative;
max-width: 49rem;
margin: 3rem auto;
filter: drop-shadow(4px 8px 10px #0091da);
}


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


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


#PRODUCT.hownew #PRODETAILBOX.howSALTnew ol.howmenu li.navi01 a:before   { background:  url("../how/img/sa_about_01_icon01.svg") no-repeat ; background-size:contain; }
#PRODUCT.hownew #PRODETAILBOX.howSALTnew ol.howmenu li.navi02 a:before   { background:  url("../how/img/sa_about_01_icon02.svg") no-repeat ; background-size:contain; }
#PRODUCT.hownew #PRODETAILBOX.howSALTnew ol.howmenu li.navi03 a:before   { background:  url("../how/img/sa_about_01_icon03.avif") no-repeat ; background-size:contain; }
#PRODUCT.hownew #PRODETAILBOX.howSALTnew ol.howmenu li.navi04 a:before   { background:  url("../how/img/sa_about_01_icon04.avif") no-repeat ; background-size:contain; }
#PRODUCT.hownew #PRODETAILBOX.howSALTnew ol.howmenu li.navi05 a:before   { background:  url("../how/img/sa_about_01_icon05.avif") no-repeat ; background-size:contain; }
#PRODUCT.hownew #PRODETAILBOX.howSALTnew ol.howmenu li.navi06 a:before   { background:  url("../how/img/sa_about_01_icon06.avif") no-repeat ; background-size:contain; }



#PRODUCT.hownew #PRODETAILBOX.howSALTnew h2 {border-top: dotted #b84c97 0.7rem; border-bottom: dotted #b84c97 0.7rem; position: relative; font-size: 1.44em; text-align: center; padding: 1rem 0; margin-bottom: 5rem;     font-weight: bold;}
#PRODUCT.hownew #PRODETAILBOX.howSALTnew h2 strong {color: #b84c97; font-size: 1.75em;}





#PRODETAILBOX.howSALTnew #H01,
#PRODETAILBOX.howSALTnew #H02,
#PRODETAILBOX.howSALTnew #H03,
#PRODETAILBOX.howSALTnew #H04,
#PRODETAILBOX.howSALTnew #H05,
#PRODETAILBOX.howSALTnew #H06{
background: linear-gradient(0deg, rgb(21 95 180) 0%, rgb(99 143 195) 50%, rgb(21 95 180) 100%);
}

#PRODETAILBOX.howSALTnew #H01 {
  padding-top: 5rem;
}

#PRODETAILBOX.howSALTnew #H03 {
position: relative;
}



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



/* H01 */

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .blue-txt {
font-weight: bold;
color: #3071b9;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew h3,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .proteinskimmer_container,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew #H02 .contentsAREA .blue,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew #H02 .contentsAREA .blue span,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew #H02 .contentsAREA .howlist,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew #H02 .contentsAREA .howlist dd span,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew #H02 .point,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point-item,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .maru-txt {
	font-family: 'M PLUS Rounded 1c', sans-serif;
  transform: rotate(0.05deg);
  
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .maru-txt {
  font-weight: bold;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew h3 {
font-size: 1.5em;
font-weight: bold; 
color: #09b7cc;
margin-top: 1rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .breeding-style dt {
color: #e60012;
margin: 1rem 0 0;
position: relative;
padding: 0 0 0 1.9rem;
font-weight: 700;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .breeding-style dt::after {
display: block;
content: '';
position: absolute;
top: 0.3rem;
left: 0;
width: 1.5rem;
height: 1.5rem;
border-radius: 50rem;
background-color: #e60012;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .ok strong,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .ng strong {
font-weight: bold;
font-size: 2em;
color: #e60012;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_ok li,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_ng li {
list-style: disc;
list-style-position: inside;
margin-bottom: 1rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .ng-txt {
margin-left: 2rem;
padding: 0;
color: #e60012;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .artificial_seawater_title,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .hydrometer_title {
color: #e60012;
margin: 1rem 0 0;
position: relative;
padding: 0 0 0 1.9rem;
font-weight: bold; 
font-size: 1.3em;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .artificial_seawater_title::after,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .hydrometer_title::after {
display: block;
content: '';
position: absolute;
top: 0.3rem;
left: 0;
width: 1.5rem;
height: 1.5rem;
border-radius: 50rem;
background-color: #e60012;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .artificial_seawater_contents,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .hydrometer_contents {
display: flex;
width: 50%;
gap: 1rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .preparation_container {
display:flex;
gap: 2rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .proteinskimmer_container {
position: relative;
display: flex;
gap: 2rem;
margin-top: 6rem;
border: solid 0.2em #e60012;
padding: 4rem 1rem 2rem 1rem;
border-radius: 1rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .proteinskimmer_container img:nth-child(1) {
position: absolute;
width: 25rem;
top: -3rem;
left: 18%;  
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .proteinskimmer_container p {
font-weight: bold;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .proteinskimmer_title,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew  .germicidal_title {
color: #e60012;
color: #e60012;
display: inline-block;
font-weight: bold;
font-size: 1.2em;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .proteinskimmer_contents,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .germicidal_contents {
width: 50%;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .germicidal_contents {
position: relative;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .germicidal_contents img {
position: absolute;
top: -2rem;
right: 0;
max-width: 55%;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set img:nth-child(1) {
max-width: 58rem;
display: block;
margin: 2rem auto 0;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .filter,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .live-rock,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .bottom-sand {
background: #c7e8fa;
border-radius: 1rem;
padding: 2rem;
display: flex;
gap: 2rem;
margin: 1rem 0 0;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .heater {
background: #c7e8fa;
border-radius: 1rem;
padding: 2rem;
margin: 1rem 0 0;
}


#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .filter img{
max-width: 31rem;
object-fit: contain;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .live-rock img {
max-width: 17rem;
object-fit: contain;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .bottom-sand img {
max-width: 12rem;
object-fit: contain;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .filter dt,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .live-rock dt,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .heater dt,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .bottom-sand dt {
font-weight: bold;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .illumination {
  margin-top: 3rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .blue {
font-weight: bold;
color: #3071b9;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .blue span {
font-weight: bold;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .bacteria-img {
max-width: 58rem;
margin: 2rem auto;
display: block;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .howlist {
background: #FFFABC;
padding: 1rem 3%;
color: #3071B9;
max-width: 58rem;
margin: 0 auto 3rem;
}


#PRODUCT.hownew #PRODETAILBOX.howSALTnew .howlist dt,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew  .howlist2 dt,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .howlist3 dt {
font-weight: bold;
float: left;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .howlist dd,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .howlist3 dd {
padding: 0 0 0 8.5rem;
font-weight: bold;
position: relative;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .howlist dd .red {
font-weight: bold;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .green {
font-weight: bold;
color: #009c8c;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .howlist dd::after,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .howlist3 dd::after {
display: block;
content: "：";
position: absolute;
top: 0;
left: 6.5rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point2 {
background-color: #09b7cc;
color: white;
font-weight: bold;
padding: 0.5rem;
border-radius: 5rem;
max-width: 31rem;
text-align: center;
font-size: 1.3em;
margin-bottom: 1rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point2 {
padding: 0.5rem 3rem;
margin-right: 2rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .blue-txt .red {
font-weight: bold;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .green-txt {
font-weight: bold;
color: #00833f;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point-item {
display: flex;
margin: 3rem 0 5rem;
gap: 2rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point-item img {
  max-width: 10rem;
  object-fit: contain;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point-item .carbon,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point-item .blackhole {
display: flex;
width: 50%;
gap: 2rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point-item .carbon dt,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point-item .blackhole dt {
font-size: 1.3em;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point-item .carbon dd,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point-item .blackhole dd {
font-weight: bold;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .filtration {
display: flex;
gap: 2rem;
margin: 5rem 0 0;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .filtration .kalki {
    width: 20%;
display: flex;
flex-direction: column;
align-items: center;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .filtration .kalki p {
  font-size: 1.3em; 
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .filtration .kalki img {
max-width:5rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .filtration .image13 {
width: 30%; 
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .filtration .filtration-txt {
width: 50%;
}


#PRODUCT.hownew #PRODETAILBOX.howSALTnew  .howlist2 dd {
padding: 0 0 0 7.5rem;
font-weight: bold;
position: relative; 
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew  .howlist2 dd::after {
display: block;
content: "：";
position: absolute;
top: 0;
left: 5rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .btm-5 {
margin-bottom: 5rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .image14 {
display: flex;
margin: 2rem 0 5rem;
gap: 2rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .image14 p {
max-width: 52rem; 
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .image14 img {
max-width: 6rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .bait_kinds {
display: flex;
margin-top: 3rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .bait_kinds p {
  text-align: center;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .bait_kinds .image15 {
width: 35%;
margin-right: 5%;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .bait_kinds .image16-17 {
  display: flex;
}



#PRODUCT.hownew #PRODETAILBOX.howSALTnew .top-1 {
margin-top: 1rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .top-3 {
margin-top: 3rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .introduction-1 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0 3rem;
margin-top: 2rem;
}


#PRODUCT.hownew #PRODETAILBOX.howSALTnew .fish-name {
color: #108b96;
font-weight: bold;
font-size: 1.4em;
letter-spacing: -0.02em;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .fish-name span {
font-weight: bold;
font-size: 0.8em;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .introduction-1 li:nth-child(3) {
position: relative;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .introduction-1 li:nth-child(3) img:nth-child(2) {
position: absolute;
right: -2rem;
max-width: 9rem;
top: -3rem;
border: solid 0.25em #FFF; 
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .step {
display: flex;
gap: 3rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .step img {
max-width: 20rem;
object-fit: contain;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .blue-fish {
display: flex;
gap: 2rem;
margin-top: 3rem;
align-items: center;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .blue-fish-img {
width: 60%;
max-width: 53rem;
background-color: #e7efc9;
border-radius: 1rem;
padding: 2rem;
position: relative;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .blue-fish-img img:nth-child(2) {
position: absolute;
top: -11%;
max-width: 18%;
right: 22%;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .image42,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .image43 {
display: flex;
justify-content: flex-end;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .image42 img,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .image43 img {
max-width: 34rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros {
display: flex;
gap: 3rem;
  margin: 3rem 0 5rem;
background-color: #feecd2;
padding: 2rem;
border-radius: 1rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-red,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-green {
  width: 50%;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-red img:nth-child(1),
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-green img:nth-child(1) {
max-width: 30rem;
margin: auto;
display: flex;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-img {
display: flex;
align-items: end;
justify-content: space-between;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-img .marinepros-txt {
color: black;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-img p {
margin-bottom: 2rem; 
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-img img {
max-width: 29rem;
width: 72%;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-pc {
margin-top: 2rem;
border-radius: unset;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-pc table {
border-radius: unset;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-pc th,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp th {
background-color: #306fab;
color: white;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-pc .table-img img,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp .table-img img{
max-width: 32rem; 
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-pc .table-img02 img,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp .table-img02 img {
max-width: 13rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-pc .txt-left p,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp .txt-left p{
text-align: left;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-pc p span,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp p span {
font-size: 1.5em;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-pc p .maru,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp p .maru {
font-size: 2em;
line-height: 1;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp {
display: none;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .carnivorous-contents {
margin: 5rem 0;
background-color: #f8c7af;
padding: 2rem;
border-radius: 2rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .herbivorous-contents {
margin: 5rem 0;
background-color: #eaf2c7;
padding: 2rem;
border-radius: 2rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .carnivorous,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .herbivorous {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .carnivorous .image60{
max-width: 28rem;
border-bottom: 0.2em solid #e60012;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .herbivorous .image67 {
border-bottom: 0.2em solid #009944;
max-width: 22rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .carnivorous-txt,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .herbivorous-txt {
display: flex;
justify-content: space-between;
text-align: center;
margin-top: 1rem;
width: 100%;
max-width: 52rem;
gap: 3rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .s-l {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
width: 100%;
max-width: 52rem;
margin-top: 1rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .line-text {
display: flex;
align-items: center;
width: 100%;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .label {
font-weight: bold;
    margin-top: 0.5rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .line {
display: flex;
width: 100%;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .line img {
max-width: 35rem; 
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .line-text .text {
white-space: nowrap;
font-weight: bold;
}




#PRODUCT.hownew #PRODETAILBOX.howSALTnew .carnivorous-txt p,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .herbivorous-txt p {
font-weight: bold;
margin-top: 1rem;
}


#PRODUCT.hownew #PRODETAILBOX.howSALTnew .megabite-red,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .paraclear,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .megabite-green,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .premium-seaweed {
margin-top: 3rem;
display: flex;
flex-direction: column;
align-items: center;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .megabite-red .image58,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .paraclear .image59,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .megabite-green .image58,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .premium-seaweed .image59 {
  max-width: 27rem; 
}


#PRODUCT.hownew #PRODETAILBOX.howSALTnew .item-img {
display: flex;
justify-content: space-around;
gap: 3rem;
margin-top: 2rem;
}







#PRODUCT.hownew #PRODETAILBOX.howSALTnew .fish-wrap{
position: absolute;
    bottom: -5rem;
    width: 10rem;
    animation: swim 12s linear infinite;
    will-change: transform;
    z-index: 5;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .fish2-wrap {
  position: absolute;
  bottom: 40%;
  width: 10rem;
  animation: swim 12s linear infinite;
  will-change: transform;
  z-index: 5;
  top: 2rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .fish-img {
  width: 100%;
  display: block;
  animation: wave 2s ease-in-out infinite alternate;
  will-change: transform;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .fish2-img {
  width: 100%;
  display: block;
  animation: wave2 2s ease-in-out infinite alternate;
  will-change: transform;
}




@keyframes swim {
  0%   { transform: translateX(-120px) scaleX(1); }
  49%  { transform: translateX(100rem) scaleX(1); }
  50%  { transform: translateX(100rem) scaleX(-1); }
  100% { transform: translateX(-120px) scaleX(-1); }
}


@keyframes wave  { from { transform: translateY(0); } to { transform: translateY(40px); } }
@keyframes wave2 { from { transform: translateY(0); } to { transform: translateY(40px); } }




















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


}





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

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

}


@media only screen and (min-width:1px) and (max-width:899px) {
#PRODETAILBOX.howSALTnew #HOWTITLEBOX .howbackimg {
background-position: center 44%;
background-size: 120% auto;
}


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


}


@media only screen and (min-width: 1px) and (max-width: 800px) {
#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) {

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .germicidal_contents img {
top: 2rem;
max-width: 36%;
}
}





@media screen and (max-width: 600px) {
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .preparation_container,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .proteinskimmer_container,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point-item,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .filtration,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros {
flex-direction: column;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .blue-fish {
flex-direction: column;
gap: 4rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .filter,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .live-rock,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .aquarium_set .bottom-sand {
flex-direction: column;
align-items: center;
margin-top: 1rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .artificial_seawater_contents,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .hydrometer_contents,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .proteinskimmer_contents,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .germicidal_contents,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point-item .carbon,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point-item .blackhole,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .filtration .kalki,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .filtration .image13,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .filtration .filtration-txt {
width: 100%;
}

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

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .filtration {
margin: 2rem 0 0;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .bait_kinds .image15 {
margin: 0;
width: 50%;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .image43 {
margin-bottom: 2rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .point2 {
display: block;
margin: 0 0 1rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .introduction-1 {
grid-template-columns: repeat(2, 1fr);
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .introduction-1 li:nth-child(3) img:nth-child(2) {
max-width: 25%;
top: -2rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .blue-fish-img {
width: 100%;
}

#PRODETAILBOX.howSALTnew .filtration .kalki img {
max-width: 6rem; 
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .filtration .image13 img {
max-width: 20rem;
margin: auto;
display: flex;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-red,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-green {
width: 100%;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-img p {
margin-bottom: 2%;
width: 10rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-img img {
width: 50%;
max-width: unset;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .marinepros .marinepros-img {
justify-content: center;
gap: 3%;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .germicidal_contents img {
top: 0rem;
right: 0;
  max-width: 40%;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-pc {
display: none;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp {
display: block;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp table {
border-radius: unset;
border-collapse: separate;
border-spacing: 0 5rem;
border: none;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp td {
border-left: 0.2rem solid #aaa;
border-right: 0.2rem solid #aaa;
}



#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp th {
background-color: #306fab;
color: white;
display: block;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp .table-img,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp .table-img02,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp .txt-left,
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp .txt-sp {
display: block; 
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp .table-img img{
max-width: 32rem; 
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp .table-img02 img {
max-width: 13rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp .txt-left {
  border-bottom: 0.2rem solid #aaa;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .sa01-table-sp .txt-left p{
text-align: center;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .item-img {
flex-direction: column;
align-items: center;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .item-img li {
display: flex;
flex-direction: column;
align-items: center;
}

}

@media screen and (max-width: 530px) {
#PRODUCT.hownew #PRODETAILBOX.howSALTnew .step {
flex-direction: column;
align-items: center;
margin-bottom: 2rem;
}
}


@media screen and (max-width: 425px) {


#PRODUCT.hownew #PRODETAILBOX.howSALTnew .item-img li img {
max-width: 18rem;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .introduction-1 {
grid-template-columns: none;
}

#PRODUCT.hownew #PRODETAILBOX.howSALTnew .germicidal_contents img {
top: 1rem;
max-width: 44%;
}

}



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

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




#PRODUCT.hownew #PRODETAILBOX.howSALTnew section#H01 {padding-top: 0;}
#PRODUCT.hownew #PRODETAILBOX.howSALTnew section#H01 .inner{ padding: 6rem 2rem; }
}