@charset "utf-8";
/* css Document */
/*トップ画像*/
.section-top__menu-image img{
  width: 100%;
  height: 60vh;
  object-fit: cover;
  object-position: 50% 50%;
  margin-bottom: 40px;
}
/*「メニュー」*/
.title h1{
  font-size: 2.0rem;
  font-weight: 700;
}
.title h2 span {
    color: #f48213;
    display: inline-block;
    line-height: 1.5;
}
.title small{
  display: block;
  font-size: 1.2rem;
  padding-bottom: 40px;
}
.title h3 span {
    display: inline-block;
   font-size: 1.2rem;
}
/*「おそば」*/
/*メニュー詳細ページ（テンプレート：archive-manu.php)のためのcss*/
.section-osoba h1{
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 8px;
}
.section-osoba__area{
  background-color: #FFFFFF;
  border-radius: 20px;
  margin: 8px 24px 40px;
 box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.5);

}
.section-osoba h2{
  font-size: 1.6rem;
  color: #f48213;
  font-weight: 700;
 padding:40px 0 16px;
}
.section-osoba span{
  
 display: inline-block;
  
}
.section-osoba:last-child{
  margin-bottom:80px ;
}
 .section-osoba__area{
    padding:40px 16px; 
   font-size: 1.6rem;
   color: #000000;
   line-height: 1.6;
  }
.section-osoba h2 {
  padding: 0 0 8px;
}
.title .menu-copy2{
  margin-bottom: 40px;
}
.section-osoba__area table{
   width: 100%;
  max-width:277px;
  margin: 0 auto;
}
.section-osoba__area tr{
 
  margin: 0 auto;
}
.section-osoba__area .hidarisoroe{
  width:70%;
  text-align: left;
}
.section-osoba__area span{
  font-size: 1.2rem;
}
.section-osoba__area .hosoku{
  max-width: 277px;
  text-align: left;
  margin: 0 auto;
}
.section-osoba__area .date{
  max-width: 277px;
  text-align: right;
  margin: 0 auto;
}
.section-osoba__area .migisoroe{
  width:30%;
  text-align: right;
}
.ippin{
  margin-bottom:80px ;
}
.small-article{
  text-align: right;
  font-size: 1.2rem;
  max-width: 277px;
  margin: 0 auto;
}

/*「ミニ丼」「お飲みもの」「一品料理」のcss*/

.section-osoba__area .orange-big{
  font-size: 2.2rem;
  color: #F48213;
}
.section-osoba__area .orange-p{
  color: #F48213;
}
.section-osoba__area .mini-hosoku{
  text-align: center;
  font-size: 1.2rem;
}
  .mini-d{
      border-radius: 20px;
    border: 4px solid #f48213;
 padding: 8px;
    margin-bottom: 8px;
  }
.mini-d1{
  margin: 0 auto 24px;
  text-align: center;
  max-width: 400px;
}
.mini-d1-d{
  text-align: left;

}
.mini-d1-d span{
  font-size: 1.6rem;
    display: inline-block;
}
.mini-d2{
  margin:0 auto;
  max-width: 400px;
}
.section-osoba__area .mini-hosoku{
  max-width: 277px;
  text-align: left;
  margin: 0 auto;
}

.mini-hosoku span{
  display: inline-block;
}






 






@media(min-width:600px){
  /*「おそば」画像*/

  .section-osoba__area table,.section-osoba__area .hosoku,
  .section-osoba__area .date,.small-article,.section-osoba__area .mini-hosoku{
   max-width:400px;
  }



}
@media(min-width: 1020px){
  /*「おそば」画像*/
  .section-top__menu-image img{
    margin-bottom: 80px;
  }
  /*「メニュー」*/
  .title h1{
    font-size: 4.2rem;
    letter-spacing: 1.0rem;
    line-height: 1;
  }
  .title small{
  display: block;
  font-size: 1.6rem;
  padding:8px 0 80px ;
  }
  .title h3 span{
    font-size: 1.6rem;
  }
  /*「おそば」*/
  .section-osoba{
    padding: 0 24px;
  }
  .section-osoba__area{
     max-width: 1040px;
    margin: 0 auto;
    padding: 0;
  }
    .section-osoba h1{
    font-size: 4.0rem;
      letter-spacing: 1.0rem;
    padding-bottom: 16px;
    margin-bottom:0;
      line-height: 1;
;  }
  .section-osoba h2{
    font-size: 2.4rem;
    padding-bottom: 16px;
    letter-spacing: 0.05em;
    line-height: 1.8;
  }


  .ippin{
  margin-bottom:160px ;
}

.title .menu-copy2{
  margin-bottom: 0px;
}
  .section-osoba h1{
  padding-top:80px;
}
  .section-osoba h2 {
  padding: 0 0 16px;
    font-size: 3.2rem;
}
  .section-osoba__area{
    padding:40px; 
  }
.section-osoba__area table{
  max-width:800px;
 
}
  .section-osoba__area td{
    font-size: 3.2rem;
    line-height: 2.0;
  }
  .section-osoba__area span{
  font-size: 2.0rem;
}
  .section-osoba__area .date,.section-osoba__area .hosoku{
  max-width: 800px;
}

 .small-article {
    text-align: right;
    font-size: 2.0rem;
    max-width: 800px;
    margin: 0 auto;
  }
.section-osoba:last-child{
  margin-bottom:160px ;
}
  .footer{
    margin-top: 0px;
  }
/*テンプレート直書きの「ミニ丼」「お飲みもの」「一品料理」のcss*/
  .section-osoba__area ul li{
    font-size: 3.2rem;
  }

  .mini-d{
    margin-bottom: 16px;
  }
 .mini-d1,.mini-d2{
  font-size: 3.2rem;
  max-width: 800px; 
}
  .mini-d1-d{
  text-align: center;
}
  .mini-d1-d span{
    font-size: 3.2rem;
  }
    .section-osoba__area .orange-big{
    font-size:4.0rem;
  }
    .section-osoba__area .mini-hosoku{
 max-width:800px;
  font-size: 2.0rem;    
}
 
}