@charset "utf-8";  /* receipe */ .recipe-unit {   margin-top: 3rem; } .recipe-label {   display: flex;   flex-direction: column;   justify-content: center;   align-items: center;   width: 110px;   height: 30px;   margin-bottom: 10px;   border-radius: 23px;   background: #e25452;   color: #fff;   font-size: 1.2rem;   font-weight: bold;   line-height: 1.2;   text-align: center; } .recipe-name {   margin-bottom: 20px;   color: #e25452;   font-family: 'NotoSansCJKjp Medium',sans-serif;   font-size: 2rem;   text-align: center; } .recipe-img {   margin-bottom: 20px; } .recipe-cooking {   position: relative;   margin-top: 20px;   padding-top: 15px; } .recipe-cooking__head {   display: flex;   flex-direction: column;   justify-content: center;   align-items: center;   position: absolute;   left: 50%;   width: 150px;   height: 30px;   margin-left: -75px;   margin-top: -15px;   border-radius: 23px;   background: #e25452;   color: #fff;   font-weight: bold;   line-height: 1.2;   text-align: center; } .recipe-cooking__body {   padding: 15px;   background: #f2f0eb; } .recipe-list {   margin-top: 15px; } .recipe-list__item {   display: flex;   margin-top: 0.5em; } .recipe-ingredients__head {   margin-bottom: 10px;   font-weight: bold;   text-align: center; } .ingredients-list__item {   display: flex;   justify-content: space-between;   align-items: center;   position: relative;   width: 100%; } .ingredients-list__item::after {   display: block;   position: absolute;   left: 0;   top: 50%;   width: 100%;   height: 2px;   margin-top: -1px;   border-top: 2px dotted #666;   z-index: 1;   content: ""; } .ingredients-food, .ingredients-amount {   display: block;   position: relative;   max-width: 70%;   background: #fff;   z-index: 2; } .ingredients-food {   padding-right: 5px; } .ingredients-amount {   margin-left: auto;   padding-left: 5px; } .ingredients-note {   font-size: 1rem; }  @media screen and (min-width: 768px) {   .recipe-section {     display: flex;     flex-wrap: wrap;     justify-content: space-between;     position: relative;   }   .recipe-section::after {     display: block;     position: absolute;     left: 50%;     top: 0;     width: 2px;     height: 100%;     margin-left: -1px;     border-left: 1px solid #ccc;     z-index: 1;     content: "";   }   .recipe-unit {     width: 50%;     margin-top: 0;   }   .recipe-unit__inner {     height: 100%;     padding: 0 3% 20px;   }   .recipe-section > *:nth-child(n+3).recipe-unit {     padding-top: 20px;     border-top: 1px solid #ccc;   }   .recipe-label {     font-size: calc(14 / 13.2 * 1rem);   }   .recipe-cooking__head {     font-size: calc(18 / 13.2 * 1rem);   }   .ingredients-note {     font-size: calc(12 / 13.2 * 1rem);   } }