@charset "utf-8";

/* allergy */
.l-allergy_inner {
 letter-spacing: -.5em;
 background: #fff;
 padding: 50px 60px;
}
.l-allergy_text {
 letter-spacing: 0;
 color: #888;
 display: inline-block;
 vertical-align: middle;
 width: 60%;
 padding-right: 40px;
}
.l-allergy_text .e-title {
 font-size: 1.8rem;
 font-weight: bold;
 line-height: 1.5;
 letter-spacing: 0.1em;
 margin-bottom: 15px;
}
.l-allergy_text .e-text {
 font-size: 1.2rem;
 line-height: 2;
 letter-spacing: 0.08em;
}
.l-allergy_img {
 letter-spacing: 0;
 line-height: 0;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 width: 40%;
 padding: 0 15px;
}
.l-allergy_img.u-hide_media {
 display: inline-block !important;
}

/* project */
.l-project {
 border: 1px solid #d7d7d7;
 position: relative;
 height: 210px;
 width: 100%;
 margin-bottom: 60px;
}
.l-project:hover {
 opacity: 0.8;
}
.l-project:after {
 background: #231815;
 content: "";
 height: 100%;
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
.l-project a {
 background-image: url(../../img/breakfast/project_img.jpg);
 background-color: #fff;
 background-size: contain;
 background-repeat: no-repeat;
 display: table;
 height: 100%;
 width: 100%;
 position: relative;
 z-index: 1;
}
.l-project_inner {
 padding-left: 43%;
 display: table-cell;
 vertical-align: middle
}
.l-project_img {
 line-height: 0;
}
.l-project_text {
 width: calc(100% - 120px);
 margin: 0 auto;
}
.l-project_text .e-title {
 line-height: 0;
 margin-bottom: 15px;
}
.l-project_text .e-text {
 font-size: 1.3rem;
 letter-spacing: 0.12em;
 text-align: center;
}
.l-project_text .e-btn {
 color: #bfbfbf;
 font-size: 1.3rem;
 letter-spacing: 0.23em;
 position: absolute;
 right: 25px;
 bottom: 25px;
}

/* 装飾 */
.c-about_text_wrap:after {
 content: "";
 display: block;
 background-image: url(../../img/breakfast/about_bg.png);
 background-size: contain;
 background-position: right top;
 background-repeat: no-repeat;
 height: 147px;
 width: 142px;
 position: absolute;
 right: 0;
 top: -10px;
}
.c-section_slide.is-deco_typeA:after,
.c-section_slide.is-deco_typeB:after {
 background-size: contain;
 background-repeat: no-repeat;
 content: "";
 display: block;
 height: 40px;
 width: 90px;
 position: absolute;
}
.c-section_slide.is-deco_typeA:after {
 background-image: url(../../img/breakfast/deco_typeA.png);
 left: -15px;
 top: -20px;
}
.c-section_slide.is-deco_typeB:after {
 background-image: url(../../img/breakfast/deco_typeB.png);
 bottom: -20px;
 right: -15px;
}