@font-face {
  font-family: "Hiragino Sans";
  src: local(HiraginoSans-W6);
  font-weight: 700;
}

body {
  font-family: "Hiragino Sans", "メイリオ", sans-serif;
  background: url(../../../friday/images/sp/bg_friday.jpg) no-repeat center top;
}


#r_all {
  background: none;
  margin-top: 51px;
}

#r_all img {
  width: 100%;
}

#r_all::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../../../friday/images/sp/bg_friday.jpg) no-repeat center top;
  background-size: cover;
  z-index: -1;
}

#r_all .mv .btn_recipe {
  position: absolute;
  top: 180px;
  left: 10px;
  width: 146px;
}

#r_all .copy {
  position: relative;
}

#r_all .copy .btn_chosa {
  position: absolute;
  bottom: 120px;
  left: 10px;
  width: 300px;
}

#r_all .recipe {
  background: #ffd800;
  position: relative;
}

#r_all .recipe .box {
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  display: flex;
  flex-wrap:wrap;
}

#r_all .recipe .box .detail{
  width: 50%;
}

#r_all .recipe .box a{
  color: #402100;
  text-decoration: none;
}

#r_all .recipe .box .name {
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 1em;
}

#r_all .recipe .box .description {
  margin-bottom: 3em;
}

#r_all .profile {
  background: #ffd800;
  width: 100%;
  margin: 0;
  position: relative;
  top: -1px;
}

#r_all .profile .name,
#r_all .profile .message {
  display: none;
}

#r_all .btnarea {
  background: #ffd800;
  position: relative;
  top: -2px;
  padding: 10vw 3vw 20vw 3vw;
}

#r_all .btnarea img {
  margin: 3vw 0;
}

#r_all .text {
  background: #ffd800;
  color: #402100;
  font-size: 12px;
  line-height: 21px;
  font-weight: bold;
  padding: 2em 0;
  text-align: center;
}

#r_all .qa .ans {
  margin-top: -2px;
}

#r_all .btnarea .btn_chosa {
  margin: 1em 0 2em 0;
}

#r_all .text img {
  width: 40px;
  margin-bottom: 1em;
}

#r_all .noha .box {
  position: relative;
  margin-top: -2px;
  color: #402100;
  font-size: 12px;
  font-weight: bold;
  line-height: 21px;
}

#r_all .noha p {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -1px;
}

#r_all .noha .t1 {
  top: 260px;
}

#r_all .noha .t2 {
  top: 158px;
}

#r_all .noha .t3 {
  top: 450px;
}

#r_all .noha .t4 {
  top: 312px;
}

#r_all .noha .red {
  color: #ba0010;
}

#r_all .about {
  position: relative;
  color: #402100;
  font-size: 12px;
  font-weight: bold;
  line-height: 21px;
}

#r_all .about .name,
#r_all .about .message,
#r_all .about .name2,
#r_all .about .message2 {
  position: absolute;
  top: 0;
  left: 25px;
  width: 84%;
  letter-spacing: 1px;
}

#r_all .about .name,
#r_all .about .name2 {
  font-size: 15px;
}

#r_all .about .name {
  top: 248px;
}

#r_all .about .message {
  top: 285px;
}

#r_all .about .name2 {
  top: 454px;
}

#r_all .about .message2 {
  top: 487px;
}