@charset "utf-8";


.sticky {
  position: -webkit-sticky;
  position: sticky;
  top:0;
z-index: 100;
}



.recipe_img00 {
display: block;
text-align: center;
}


.balloon_gray {
border-radius: 20px;
background: #eaeaea;
padding: 20px 20px 10px;
position: relative;
}
.balloon_gray:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 75%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #eaeaea;
}



.balloon_blue {
border-radius: 20px;
background: #D5E8FD;
padding: 20px 20px 10px;
position: relative;
}
.balloon_blue:before {
  content: "";
  position: absolute;
  top: -15px;
  right: 75%;
  margin-right: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #D5E8FD;
}


.recipe_ttlbox {
padding: 15px 20px 10px;
display: block;
}
.recipe_ttlbox figure {
width: 113px;
}
.recipe_ttlbox h3 {
color:#4B6DA0;
font-weight: bold;
font-size: 2.2rem;
margin-bottom: 0;
}
.recipe_ttlbox h3 span {
font-size: 1.6rem;
display: inline-block;
margin-bottom: 5px;
}


.recipe_box {
border-right: solid 6px #EAEAEA;
border-left: solid 6px #EAEAEA;
border-bottom: solid 6px #EAEAEA;
padding: 30px 20px 20px;
}




.example_ttlbox {
padding: 15px 20px 10px;
display: block;
}
.example_ttlbox h3 {
color:#4B6DA0;
font-weight: bold;
font-size: 2.2rem;
margin-bottom: 0;
}
.example_ttlbox h3 span {
font-size: 1.6rem;
display: inline-block;
margin-bottom: 5px;
}




.example_beforebox{
border-right: solid 6px #EAEAEA;
border-left: solid 6px #EAEAEA;
border-bottom: solid 6px #EAEAEA;
padding: 30px 20px 20px;
}


.example_afterbox{
border-right: solid 6px #D3E1F0;
border-left: solid 6px #D3E1F0;
border-bottom: solid 6px #D3E1F0;
padding: 30px 20px 20px;
}


.example_box{
border-right: solid 6px #EDF1F5;
border-left: solid 6px #EDF1F5;
border-bottom: solid 6px #EDF1F5;
padding: 30px 20px 20px;
}