body{ margin: 0; padding: 0;} .page-header-wrapper { background: none; border-top: 0; margin: 0; padding: 0; text-align: left;} .page-header-wrapper.container { width: auto; padding-right: 0.75rem; padding-left: 0.75rem; margin-right: 0; margin-left: 0;} .page-header-wrapper .page-header { margin: 0 auto; padding: 30px 0; padding: 1.875rem 0; width: auto;} .page-header-wrapper .page-header .page-title { clear: none; position: relative; font-size: 28px; font-size: 1.75rem; font-weight: 700; line-height: 1.2; margin: 0; padding: 0.6em; border-radius: 0.5rem; background: #ddecff; margin-bottom: 1rem;} .page-header-wrapper .page-header .page-title:after { position: absolute; content: ''; top: 100%; left: 30px; border: 15px solid transparent; border-top: 15px solid #ddecff; width: 0; height: 0;} .page-header-wrapper .page-header .taxonomy-description{ color: #333; margin: 0.5rem 0 0; font-size: 16px; font-size: 1rem; background: white; border-radius: 0.5rem; padding: 0.75rem;} .post-wrapper-archive .post-wrapper-hentry { background-color: #ffffff; border-radius: 0.5rem; box-shadow: 0 1px 5px rgb(0 0 1 / 5%); margin: 30px 0 0; margin: 1.875rem 0 0; padding: 0; position: relative;} .entry-title { clear: none; font-size: 28px; font-size: 1.75rem; font-weight: 700; line-height: 1.4; margin: 0.75rem 0rem; padding: 0.25rem 0.75rem; text-transform: uppercase; word-wrap: break-word; background: #fefcdd; border-radius: 0.5rem;} .ingredient_season_block{ position: relative; border: 0.125rem double #ffaaaa; border-radius: 0.5rem; margin-bottom: 1rem;} .ingredient_season_header{ padding: 0.25rem; background: #ffaaaa; color: white; font-size: 1.125rem; font-weight: 600;} .ingredient_season_body{ padding: 0.25rem; line-height: 1.5rem; list-style: none;} .ingredient_recipe_block{ position: relative; border: 0.125rem double #ffcc99; border-radius: 0.5rem; margin-bottom: 1rem;} .ingredient_recipe_header{ padding: 0.25rem; background: #ffcc99; color: white; font-size: 1.125rem; font-weight: 600;} .ingredient_recipe_body{ padding: 0.25rem; line-height: 1.5rem; list-style: none;} .event-month::after{ content: "月";} .event-day::after{ content: "日";} .img-post-eyecatch { display: block; height: auto; max-width: 100%; float: left; margin: 0 0.75rem;} .post-wrapper-archive .has-post-thumbnail.has-post-thumbnail-archive .post-content-wrapper-archive { display: block;} .post-wrapper-archive .has-post-thumbnail.has-post-thumbnail-archive .entry-data-wrapper { width: auto; padding: 1.875rem;} .post-wrapper-archive .has-post-thumbnail.has-post-thumbnail-archive .entry-image-wrapper { width: auto;} @media (min-width: 768px) { .post-wrapper-archive .has-post-thumbnail.has-post-thumbnail-archive .post-content-wrapper-archive { display: block;} .post-wrapper-archive .has-post-thumbnail.has-post-thumbnail-archive .entry-data-wrapper { width: auto; padding: 1.875rem;} .post-wrapper-archive .has-post-thumbnail.has-post-thumbnail-archive .entry-image-wrapper { width: auto;}} @media (min-width: 1200px) { .post-wrapper-archive .has-post-thumbnail.has-post-thumbnail-archive .entry-data-wrapper { width: auto; padding: 1.875rem;} .post-wrapper-archive .has-post-thumbnail.has-post-thumbnail-archive .entry-image-wrapper { width: auto;}}