.background-color {
   background-color: #fff;
}

.center{
   text-align: center;
}

p {
   font-feature-settings: "palt";
   color: #333;
}

li {
   list-style: none;
}

.pc {
   display: block;
}

.sp {
   display: none;
}

.t-center{
   text-align: center;
}

.w-60 {
   width: 60%;
}

#header {
   width: 900px;
   margin: 0 auto;
   color: #ffffff;
   box-sizing: border-box;
   margin-bottom: 10px;
}


.contents{
   width: 900px;
   padding: 2px 0 20px 0;
   margin: auto;
   /*background: #f8f4ee;*/
   margin-bottom: 80px;
}

.contents-inner{
   /*width: 800px;*/
   padding: 30px 20px 35px 20px;
   margin: -40px auto 30px auto;
   background-color: #fff5ee;
}

.flex {
   display: flex;
   justify-content: space-around;
   align-items: center;
}

.campaign_pop_box {
   margin-top: 10px;
}

.campaign_pop_box img{
   display: block;
}

.contents-inner .campaign_read{
   background-color: #fff;
   padding: 20px 20px 50px;
   margin-bottom: 50px;
}

.recipe_recommend {
   margin-top: 50px;
}

.contents-inner .campaign_read .recipe_flex{
   padding: 0;
   flex-wrap: wrap;
   margin: 30px 0 0 0;
}

.recipe_flex:after {
    content: "";
    display: block;
    width: calc((100% - 100px)/2);
    height: 0;
}

.contents-inner .campaign_read .recipe_flex .recipe_item{
   width: calc((100% - 100px)/2);
   margin-bottom: 50px;
   box-sizing: border-box;
}

.contents-inner .campaign_read .recipe_flex .recipe_item:last-child{
   margin-bottom: 0;
}

.recipe_image {
   width: 100%;
   position: relative;
   margin-bottom: 15px;
}

.recipe_image img{
   display: block;
}

.h3_ttl {
   padding: 0rem 0em 0em 0.4em;
   font-size: 1.2rem;
   margin-top: 20px;
   color: #333;
   border-left: 4px solid #ffce00;
}

.recipe_description {
   height: 7rem;
   margin-top: -5px;
}

.no_svg {
   width: 50px;
   position: absolute;
   top: -15px;
   right: -15px;
}

.contents-inner .campaign_read .recipe_flex .product_item img{
   filter: drop-shadow(0px 15px 10px rgba(110,68,54,1));
   transform: rotate(4deg);
}

.buy_btn {
   display: block;
   padding: 10px 20px;
   border-radius: 45px;
   box-shadow: 10px 10px 15px -5px rgb(165 118 88 / 25%);
   background: #ff8834;
   color: #fff;
   font-weight: bold;
   text-align: center;
   transition: 0.3s;
}

a.buy_btn:hover{
   color: #ff8834;
   background: #ffce00;
}

.recipe_banner {
   margin: 90px 0 100px 0;
}

.h2_ttl{
   border-top: 3px solid #4c2400;
   border-bottom: 3px solid #4c2400;
   color: #4c2400;
   padding: 0.2rem 0;
   margin-bottom: 50px;
}

.recipe_banner .recipe_bannerinner .recipe_banner_item{
   transition: 0.5s;
   margin: 20px 0;
}

.recipe_banner .recipe_bannerinner .recipe_banner_item:hover{
   opacity: 0.5;
}

.bold {
   font-weight: bold;
}

.marker {
   background:linear-gradient(transparent 65%, #ffce00 65%);
   display: inline-block;
}


.contents-inner .applicable_products .contents_flex{
   padding: 0;
}

.contents-inner .applicable_products .contents_flex .contents_item{
   width: 35%;
   box-sizing: border-box;
}

.contents-inner .applicable_products .contents_flex li:nth-child(2){
   margin: 0 10px;
}

.contents-inner .applicable_products .contents_flex .contents_item .card{
   border: solid 3px #1fa2e5;
   background: #fff;
   border-radius: 10px;
}

.contents-inner .applicable_products .contents_flex .contents_item .card .card_header{
   background: #1fa2e5;
   padding:10px 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   height: 5rem;
   display: flex;
   align-items: center;
   justify-content: center;
}

.contents-inner .applicable_products .contents_flex .contents_item .card .card_header p{
   color: #fff;
   line-height: 1.2rem;
   font-weight: bold;
}

.contents-inner .applicable_products .contents_flex .contents_item .card .card_image{
  padding: 20px 50px;
}

.contents-inner .applicable_products .blue_back{
   background: #1fa2e5;
   width: 100%;
   padding: 10px 0;
   border-radius: 45px;
   font-size: 1.2rem;
   font-weight: bold;
   color: #fff;
   box-sizing: border-box;
}

.contents-inner .applicable_products .image_flex {
   align-items: baseline;
}

.contents-inner .applicable_products .image_flex .package_image,
.contents-inner .applicable_products .image_flex .access_image{
   margin: 30px 0 0 0;
   box-sizing: border-box;
}

.contents-inner .applicable_products .image_flex .package_image {
   width: 30%;
}

.pop_banner {
   margin-bottom: 50px;
}

.pop_banner img{
   display: block;
}

a.banner{
   display: block;
   margin-bottom: 20px;
   box-shadow: 10px 10px 15px -10px rgb(95 68 50 / 51%);
   transition: .3s;
}

a.banner:hover{
   opacity: 0.8;
}



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

   .pc {
      display: none;
   }

   .sp {
      display: block;
   }

   .contents {
      width: 100%;
      margin-bottom: 0px;
   }

   .contents-inner{
      width: 100%;
      padding: 40px 10px 40px 10px;
      border: none;
   }

   #header {
      width: 100%;
   }

   .read_flex {
      display: block;
   }

   .read_flex .sp{
      width: 45%;
      margin: 0 auto;
   }

   .contents-inner .applicable_products{
      padding: 0px 0 40px 0;
   }

   .recipe_banner{
      margin: 50px 0 70px 0;
   }

   .contents-inner .campaign_read{
       padding: 20px 10px;
       margin-bottom: 40px;
   }

   .contents-inner .campaign_read p:first-child{
       text-align: left;
       padding: 0 10px;
   }

   .h3_ttl {
      font-size: 1.1rem;
   }


   .contents-inner .campaign_read .recipe_flex {
       margin: 20px 0 10px 0;
   }

   .contents-inner .campaign_read .recipe_flex .recipe_item{
      width: 95%;
      margin-bottom: 50px;
   }

   .contents-inner p{
      line-height: 1.5rem;
      font-size: 1rem;
   }

   .marker {
      display: inline;
   }

   .h2_ttl {
      font-size: 1.2rem;
      margin-bottom: 30px;
   }

   .recipe_banner .recipe_bannerinner .recipe_banner_item{
      margin: 15px 0;
   }

   .recipe_banner .recipe_bannerinner .recipe_banner_item img {
      box-shadow: 0 1.5rem 1rem -1rem hsl(200 50% 20% / 40%);
   }

   .contents-inner .applicable_products .contents_flex .contents_item .card .card_header{
   }

   .contents-inner .applicable_products .contents_flex {
      display: block;
   }

   .contents-inner .applicable_products .contents_flex .contents_item {
      width: 100%;
   }

   .contents-inner .applicable_products .contents_flex .contents_item .card .card_image {
      width: 30%;
      margin: 0 auto;
      padding: 5px 10px 0 10px;
   }

   .contents-inner .applicable_products .contents_flex li:nth-child(2) {
      margin: 5px 0;
   }

   .contents-inner .applicable_products .blue_back {
      font-size: 1rem;
   }

   .contents-inner .applicable_products .image_flex .package_image {
      width: 40%

   }
   .contents-inner .applicable_products .image_flex .access_image{
      width: 60%;
   }

   .contents .contents-inner .valentine_campaign_area .valentine_campaign_box .valentine_campaign_box_inner--flex .recipe_img_title {
       width: 100%;
       margin: 10px auto 0;
       filter: none !important;
   }

   .campaign_pop_box {
      margin-top: 5px;
   }

   .pop_banner {
      width: 100%;
      margin-bottom: 40px;
   }

   .recipe_recommend {
      margin: 25px 0 0;
   }

   .campaign_pop {
      width: 80%;
      margin: 0 auto;
   }

   .recipe_description {
       height: auto;
   }

   a.banner{
      margin-bottom: 10px;
   }

}