/**
 * ========================================
 * // header
 * ========================================
 */

 .top-img {
   background: url("../img/kakigori/top_pc_2024.png") no-repeat center bottom;
 }

 @media screen and (max-width: 599px) {
   .top-img {
     background: url("../img/kakigori/top_sp_2024.png") no-repeat center center;
   }
 }

 /**
 * ========================================
 * // main
 * ========================================
 */

 #main .bg_main01 {
   position: relative;
 }

 #main .bg_main02 {
   background: url("../img/kakigori/main02_top_pc.jpg") no-repeat center bottom;
 }

 #main .bg_main03 {
   background: url("../img/kakigori/main03_top_pc.jpg") no-repeat center bottom;
 }

 #main .bg_main04 {
   background: url("../img/kakigori/main04_top_pc.jpg") no-repeat center bottom;
   height    : 650px;
 }

 #main .bg_main05 {
   background: url("../img/kakigori/main05_top_pc.jpg") no-repeat center bottom;
 }

 #img_selling_within {
   display: block;
   margin : 50px auto 0px auto;
 }

 #img_main01_banner {
   width : 100%;
   height: auto;
 }

 #img_main01_banner_sp {
   display: none;
 }

 #main .bg_main01 .inner {
   position : absolute;
   top      : 0px;
   left     : 50%;
   transform: translateX(-50%);
 }

 #div_ice_gridder {
   display              : grid;
   grid-template-columns: 1fr 1fr 1fr;
   width                : 100%;
   text-align           : center;
   margin               : 100px auto;
 }

 .div_ice_menu {
   display      : flex;
   gap          : 30px;
   margin-bottom: 100px;
 }

 .div_ice_menu.reverse {
   flex-direction: row-reverse;
 }

 .div_ice_menu .div_text {
   width: 60%;
 }

 .div_ice_menu .div_text .div_name {
   font-size     : 1.2rem;
   font-weight   : 500;
   padding-bottom: 10px;
   margin        : 10px 0px;
   border-bottom : 1px dashed #b89874;
 }

 .div_ice_menu .div_text .div_intro p {
   margin-bottom: 20px;
   line-height  : 2.2rem;
 }

 #div_ice_stepper {
   display              : grid;
   grid-template-columns: 1fr 1fr 1fr;
   gap                  : 30px;
   width                : 100%;
   margin               : 50px auto;
 }

 #div_ice_stepper .div_name {
   background-color: #87ccf2;
   color           : white;
   text-align      : center;
   padding         : 10px 0px;
   margin-bottom   : 20px;
 }

 #div_ice_stepper .div_step {
   background-color: #87ccf22e;
   padding         : 20px;
   min-height      : 320px;
 }

 #div_ice_stepper .div_step img {
   display: block;
   margin : 20px auto 50px auto;
 }

 #img_ice_line_foot {
   width: 100%;
 }

 #div_infomation {
   background-color: white;
   padding-top     : 50px;
 }

 #div_infomation .div_widther {
   max-width: 960px;
   margin   : 0px auto;
 }

 #div_infomation .div_information_item .div_name {
   background-color: #87ccf2;
   color           : white;
   padding         : 10px 20px;
 }

 #div_infomation .div_information_item .div_content {
   font-size  : 0.9rem;
   color      : #604c3f;
   line-height: 1.6rem;
   padding    : 20px;
 }

 #div_infomation .div_information_item .div_content #div_contact_from {
   display: flex;
   gap    : 20px;
   margin : 10px auto;
 }


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

   #div_ice_gridder {
     margin   : 50px auto;
     font-size: 0.9rem;
   }

   .div_ice_menu {
     flex-direction: column-reverse;
     gap           : 0px;
     margin-bottom : 30px;
   }

   .div_ice_menu.reverse {
     flex-direction: column-reverse;
   }

   .div_ice_menu .div_text {
     width: 100%;
   }

   #div_ice_stepper {
     grid-template-columns: 1fr;
     gap                  : 30px;
     width                : 100%;
     margin               : 50px auto;
   }

   #div_ice_stepper .div_name {
     margin-bottom: 10px;
   }

   #div_ice_stepper .div_step {
     min-height: unset;
   }

   #div_ice_stepper .div_step img {
     display: block;
     margin : 10px auto 30px auto;
   }

   #div_infomation .div_information_item .div_content #div_contact_from {
     flex-direction: column;
   }

   #img_main01_banner {
     display: none;
   }

   #img_main01_banner_sp {
     display: block;
   }

   #main .bg_main02 {
     background: url("../img/kakigori/main02_top_sp.jpg") no-repeat center bottom;
   }

   #main .bg_main03 {
     background: url("../img/kakigori/main03_top_sp.jpg") no-repeat center bottom;
   }

   #main .bg_main04 {
     background: url("../img/kakigori/main04_top_sp.jpg") no-repeat center bottom;
     height    : 590px;
   }

   #main .bg_main05 {
     background: url("../img/kakigori/main05_top_sp.jpg") no-repeat center bottom;
   }
 }

 @media screen and (max-width: 399px) {
   #main .bg_main04 {
     height: 500px;
   }
 }

 /**
 * ========================================
 * // sub
 * ========================================
 */

 .sub_01 .bg_top {
   background: url("../img/kakigori/sub01_top.jpg") no-repeat center center;
 }

 .sub_02 .bg_top {
   background: url("../img/kakigori/sub02_top.jpg") no-repeat center center;
 }