*{
    margin:0;
    font-family:serif;
}
body{
    background:#fafafa;
}
.safari_heading_container{
/*
   background-image:url(https://storage.cloud.google.com/safari_ec_bucket/S__58040327.png);
*/
   background-size:cover;
   margin-bottom:5vh;
    background-color: #ffffff;
}
.safari_heading_wrapper{
   padding-top:8vh;
   padding-bottom:8vh;
   text-align:center;
   display:flex;
   align-items: center;
   justify-content:center;
}
.safari_heading_wrapper img{
    width:40vw;
}
.safari_heading_wrapper h1{
   font-size:5vh;
}
.category_area{
   display:flex;
justify-content: center;
      gap:20px;
   flex-wrap:wrap;
}
a.category_content{
   width:calc(100% / 4);
   border-radius:10px;
   font-size:14px;
   box-shadow: 0px 1.25px 5px 0px rgba(179,179,179,0.4) inset;
   transition:0.5s;
   padding:10px;
   text-decoration:none;
   color:#1d1d1d;
}
a.category_content:hover{
      box-shadow: 0px 5px 30px 0px rgba(179,179,179,0.4) inset;
      transition:0.5s;
}
.category_img img{
   width:100%;
      border-radius:10px;
}
.category_wrapper{
   width:95vw;
   max-width:980px;
   margin:0 auto;
}
.search-container {
    display: flex;
    justify-content: center;
    margin-bottom:8vh;
}
.search-container input[type="text"] {
    width: 900px;
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 5px 0 0 5px;
    font-size: 16px;
    outline: none;
}

.search-container button {
    padding: 10px 15px;
    border: none;
    background-color: #333;
    color: white;
    font-size: 16px;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}

.search-container button:hover {
    background-color: #555;
}
.show_category_area{
   max-width:1080px;
   margin:0 auto;
   width:95vw;
}
.show_category_flex_area{
   display:flex;
   justify-content:center;
   gap:20px;
}
.show_category_flex01{
   width:40%
}
.show_category_flex01 img{
   width:100%;
   border-radius:10px;
}
.show_category_flex02{
   width:60%
}
.show_category_description{
   padding-top:20px;
}
.show_category_price{
   padding-top:20px;
}
.search-container input[type="text"] {
    width: 900px;
}
.category_area {
    gap: 5px;
}
.category_wrapper {
    max-width: 1200px;
}
a.category_content {
    width: calc(100% / 5);
}
@media(min-width:769px){
   .show_category_description p{
      line-height:40px;
   }
   .show_category_price p{
      font-size:30px;
   }
}
@media(max-width:768px){
   .show_category_area{
      width:95vw;
   }
   .show_category_flex_area{
      flex-wrap:wrap
   }
   .show_category_flex01{
      width:100%
   }
   .show_category_flex02{
      width:100%
   }
   .show_category_price p{
      font-size:20px;
   }
.search-container input[type="text"] {
    width: 250px;
}
.search-container button {
    padding: 10px 15px;
    border: none;
    background-color: #333;
    color: white;
    font-size: 16px;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
}
a.category_content{
   width:100%
}
   .footer_container{
       margin-top:50px !important;
   }
.safari_heading_wrapper img {
    width: 80vw;
}
}
.list_category_container{
   margin-top:8vh;
}
.goods_btn{
   text-align:center;
   margin-top:20px
}
.goods_btn a{
   background-color:#080808;
   color:#ffffff;
   padding-top:15px;
   padding-bottom:15px;
   width:180px;
   text-decoration:none;
   display:block;
   border-radius:10px;
   box-sizing:border-box;
   margin-left:auto;
}
a.category_content{
margin-bottom: 10px;
}