@charset "utf-8";
/* CSS Document */


.menufix_package{
  position: -webkit-sticky;
  position: sticky;
  top: 180px;
}

.package_i01{
   font-family: 'M PLUS Rounded 1c', sans-serif;
   transform: rotate(0.03deg);
   font-size: 130%;
   text-align: center;
   font-weight: 700;
   color: rgba(87,46,18,1.00);
   line-height: 1.2;
   margin: 50px auto 0 auto;
}
   @media screen and (max-width: 600px) {
      .package_i01{
          font-size: 3.8vw;
          margin: 40px auto 0 auto;
      }
   }
   @media screen and (max-width: 480px) {
      .package_i01{
          font-size: 3.6vw;
          margin: 40px auto 0 auto;
      }
   }

.package_i02{
   font-family: "Kaisei Tokumin", serif;
   transform: rotate(0.03deg);
   font-size: 200%;
   text-align: center;
   font-weight: 700;
   color: rgba(145,0,145,1.00);
   line-height: 1.4;
   margin-bottom: 15px;
}
   @media screen and (max-width: 600px) {
      .package_i02{
          font-size: 5.5vw;
      }
   }

.package_i02.tokuten{
   color: rgba(190,0,120,1.00);
}


.package_onsale{
   font-family: "Kaisei Tokumin", serif;
   transform: rotate(0.03deg);
   font-size: 180%;
   font-weight: 700;
   margin: 0 auto 30px auto;
   color: rgba(190,0,120,1.00);
   text-align: center;
}
   @media screen and (max-width: 600px) {
      .package_onsale{
          font-size: 5.0vw;
      }
   }

.package_k01{
   position: absolute;
   width: 34%;
   top: -20px;
   right: 0;
   left: 0;
   margin: auto;
}
   @media screen and (max-width: 1024px) {
      .package_k01{
         width: 28%;
         top: -10px;
      } 
   }
   @media screen and (max-width: 480px) {
      .package_k01{
         width: 35%;
      } 
   }




.package_a_wrap{
   position: relative;
   width: 100%;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: flex-start;
   margin-bottom: 30px;
}
   @media screen and (max-width: 480px) {
      .package_a_wrap{
          margin-bottom: 20px;
      }
   }


.package_a_wrap .jk_wrap{
   width: 49%;
}
   @media screen and (max-width: 800px) {
      .package_a_wrap .jk_wrap{
          width: 90%;
          margin: auto;
          margin-bottom: 20px;
      }
   }
   @media screen and (max-width: 480px) {
      .package_a_wrap .jk_wrap{
          width: 100%;
      }
   }



.package_a_wrap .jk_wrap img{
   border: rgba(147,114,34,1.00) 1px solid;
   box-sizing: border-box;
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.package_a_wrap .detail_wrap{
   width: 48%;
   margin-top: 10px;
}
   @media screen and (max-width: 800px) {
      .package_a_wrap .detail_wrap{
          width: 100%;
      }
   }


h2.package{
   font-size: 130%;
   font-family: "Kaisei Tokumin", serif;
   text-align: center;
}

.tokuten_box{
   margin-bottom: 40px;
}

.tokuten_border{
   border-bottom: rgba(126,76,67,0.20) 3px dotted;
   margin-bottom: 10px;
}

.tokuten_border2{
   border-bottom: rgba(190,0,120,1.00) 2px solid;
   margin-bottom: 10px;
}

.tokuten_i01{
   font-family: "Kaisei Tokumin", serif;
   font-weight: 700;
   font-size: 120%;
   color: rgba(190,0,120,1.00);
}


/* オリ特 */

.tokuten_wrap{
   position: relative;
   width: 100%;
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   flex-wrap: wrap;
   border-bottom: rgba(126,76,67,0.20) 3px dotted;
   padding-bottom: 10px;
   margin-bottom: 30px;
}

.tokuten_wrap .pic_box{
   width: 25%;
   border: rgba(126,76,67,1.00) 1px solid;
   box-sizing: border-box;
   aspect-ratio: 1 / 1;
}
   @media screen and (max-width: 600px) {
      .tokuten_wrap .pic_box{
         width: 80%;
         margin: auto;
         margin-bottom: 20px;
      }
   }


.tokuten_wrap .pic_box img{
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.tokuten_wrap .txt_box{
   width: 73%;
}
   @media screen and (max-width: 600px) {
      .tokuten_wrap .txt_box{
         width: 100%;
      }
   }

.pkg_b_cart_wrap{
   margin: 30px 0 15px 0;
}
   @media screen and (max-width: 600px) {
      .pkg_b_cart_wrap{
         margin: 20px auto 15px auto;
         text-align: center;
         width: 80%;
      }
   }


.pkg_b_cart_wrap a{
   background-color: rgba(190,0,120,0.02);
   color: rgba(126,76,67,1.00);
   padding: 6px 20px;
   display: inline-block;
   font-weight: 600;
   text-decoration: none;
   transition: all 0.2s;
   border: rgba(190,0,120,1.00) 1px solid;
}
   @media screen and (max-width: 600px) {
      .pkg_b_cart_wrap a{
         width: 100%;
         text-align: center;
      }
   }


.pkg_b_cart_wrap a:hover{
   background-color: rgba(190,0,120,1.00);
   color: rgba(255,255,255,1.00);
}



h2.package_tokuten{
   font-size: 110%;
   font-family: "Kaisei Tokumin", serif;
   margin-bottom: 10px;
}


.i_package_cont{
   position: relative;
   width: 100%;
   text-align: center;
   color: rgba(145,0,145,1.00);
   font-weight: 900;
   font-size: 160%;
   font-family: "Kaisei Tokumin", serif;
   line-height: 1.4;
   letter-spacing: 3px;
   margin-bottom: 20px;
}
   @media screen and (max-width: 1200px) {
      .i_package_cont{
         font-size: 140%;
      } 
   }
   @media screen and (max-width: 600px) {
      .i_package_cont{
         font-size: 5vw;
      }
   }

.i_package_cont span{
   position: relative;
   display: inline-block;
}

.i_package_cont span:before {
   content: "";
   position: absolute;
   left: -1.2em;
   top: 0.2em;
   background-image: url("../images/tmp/k_005.png");
   background-repeat: no-repeat;
   width: 1em;
   height: 1em;
   background-size: contain;
   vertical-align: middle;
}

.i_package_cont span:after {
   content: "";
   position: absolute;
   right: -1.2em;
   top: 0.2em;
   background-image: url("../images/tmp/k_005.png");
   background-repeat: no-repeat;
   width: 1em;
   height: 1em;
   background-size: contain;
   vertical-align: middle;
}

.bn_canime{
   position: relative;
   width: 180px;
}

.bn_canime img{
   border: rgba(136,136,136,1.00) 1px solid;
}