#hopping{
  letter-spacing: 0.1;
}

#hopping .plofile{
  background-color:#ff9100;
  color: #fff;
}

#hopping .detail h2{
 font-size: 12px;
}


 .free_contents_wrap .plofile .name > div{
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 6px;
  font-weight: 900;
 }

 #hopping .detail .name span{
  font-size: 12px;
  font-weight: 700;
 }

 #hopping .detail p{
  font-size: 12px;
  font-weight: normal;
 }



 .free_contents_wrap .plofile .detail{
  width: 100%;
 }


 #hopping .item_description{
  margin: 50px auto 80px;
  text-align: center;
 }


 .free_contents_wrap .plofile .img{
  width: 150px;
 }

 .free_contents_wrap .plofile .img img{
  width: 150px;
 }

 .free_contents_wrap .plofile .detail{
  width:590px;
 }

 .free_contents_wrap .plofile{
  gap: 20px;
 }
 .free_contents_wrap .plofile{
  padding: 25px 20px;
  align-items: center;
 }
 .free_contents_wrap .plofile{
  margin-bottom: 30px;
 }

 #hopping .free_contents_wrap h3{
  font-size: 18px;
  background: none;
  padding: 0;
  letter-spacing: 1px;
  margin-bottom: 18px;
  line-height: 1.6;
 }

 #hopping  span.mg1{
  display: inline-block;
  margin-bottom: 8px;
 }

 #hopping .titile_{
  background-color: #ff9100;
  border-radius:20px;
  padding: 22px 30px 22px 32px;
  display: flex;
  gap: 32px;
  align-items: center;
  
 }
 #hopping .titile_ img{
  margin: 0;
 }

 #hopping .item_name p{
 margin-bottom: 0;
 font-weight: 800;
 font-size: 10px;
 color: #fff;
 }

 img.itemimage.spn{
  margin: 20px 0 6px 0;
 }

 #hopping .item_name p > span{
  color: #fff;
  font-size: 16px;
  }

  #hopping .item_name p > .mg1{
    margin-left: 8px;
    font-size: 18px;
    font-weight: 700;
    }
    #hopping .item_name p > .mg2{
      margin-left: 22px;
        font-weight: 600;
      }

      #hopping .item_description a{
        background-color:#232323 ;
      }

      #hopping .item_wrap{
        margin-bottom: 39px;
      }

      #hopping .item_description.center.top_btn a{
        background-color: #ff9100;
      }

      #hopping .free_contents_wrap .plofile{
        background-color: #ff9100;
        color: #fff;
      }

      #hopping .mb0 img{
        margin-bottom: 0;
      }
      
      .fs-l-main{
        background-color: #f5f5f5 !important;
      }

     
@media (max-width: 767px){
  #hopping .titile_{
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  #hopping .titile_{
    padding: 26px 30px 23px 30px;
  }
  .item_name .free_contents_wrap p{
    line-height:22px;
  }
  #hopping .free_contents_wrap h3{
    line-height: 1.6;

  }
  .free_contents img

  #hopping .item_wrap{
    margin: 20px 0 0;
  }
  #hopping .item_wrap .item_description{
margin: 0 0 30px 0;
  }
  #hopping  img.itemimage{
    margin: 20px 0 24px 0;
  }


  /* 追加CSS */

          #hopping .free_contents_wrap .plofile{
            flex-direction: initial;
            flex-wrap: wrap;
            border-radius: 20px;
        }

         #hopping .free_contents_wrap .plofile .detail{
            width: auto;
            
        }

        #hopping .free_contents_wrap .plofile .img{
            width: 120px;
        }

        #hopping .free_contents_wrap .plofile .name > div{
            align-items: flex-start;
            flex-direction: column;
            gap: 2px;
        }
        #hopping .free_contents_wrap .plofile .detail{
            gap: 0;
        }

        #hopping .free_contents_wrap .plofile h2{
              line-height: 1.5;  
        }

        #hopping .free_contents_wrap .plofile p{
            font-size: 12px;
            line-height: 18.1px;
            letter-spacing: 1px;
            margin-bottom: 0;
        }

        #hopping .free_contents_wrap .plofile{
            align-items: flex-start;
        }

       #hopping .plofile .insta_sp{
        margin-top: -10px;
       }


}

/* 追加CSS0620 */


.free_contents_wrap .plofile .detail{
    gap: 9px;
        padding: 4px 0px;
}
#hopping .detail p{
        line-height: 1.5;
}

.free_contents_wrap .plofile{
    margin-bottom: 24px;
}

.free_contents_wrap p{
    margin-bottom: 27px;
}
#hopping .item_description{
    margin: 24px auto 12px;
}

@media (max-width: 767px){
#hopping .titile_{
    padding: 27px 30px 20px 32px;
}
}