@charset "utf-8";
    @font-face {
      font-family: axis-h;
      src: url('https://www.onoya.com/event-fukushima04/fonts/AxisProN-Heavy_0.otf') format("opentype");
      font-display: swap;
    }
    @font-face {
      font-family: axis-m;
      src: url('https://www.onoya.com/event-fukushima04/fonts/AxisProN-Medium_0.otf') format("opentype");
      font-display: swap;
    }
    @font-face {
      font-family: axis-r;
      src: url('https://www.onoya.com/event-fukushima04/fonts/AxisProN-Regular_0.otf') format("opentype");
      font-display: swap;
    }
    html,body,main,head,footer,div,section,ul,li,ol,h1,h2,h3,h4,h5,h6,img{
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
     vertical-align: baseline;
     display: block;
     font-family:"游ゴシック体", YuGothic , sans-serif;
     box-sizing: border-box;
   } 
   body {
    line-height: 1;
  }

  ol, ul {
    list-style: none;
  }
  .li {
    list-style: none;
  }
  .flex {
    display: flex;
    justify-content: flex-start;
  }

  

  /*header-----*/

  header {
   width: 100%;
   margin: 0 auto;
   /*padding: 2% 0 2% 0;*/
   box-sizing: border-box;
   position: relative;
   
 }
 header .flex{
  width: 55%;
}
.logo{
  width: 70%;text-align: left;
}
header.logo img{
  width: 10%;
}



.tel img{
  width: 100%;
}

.tel {
  width: 20%;
}


.reserve img{
  width: 100%;
}

.reserve {
  width: 8%;
}


/*------------------------------------------------*/


h2{
  width: 100%;
  margin: 0 auto;
  font-size: 25px;
  border-bottom: solid 2px #5a3a2f;
  font-family: "游ゴシック体", YuGothic;
  color: #5a3a2f;
  font-weight: bold;
  padding: 2% 0 1% 0;
}


p,li,div {
  font-size: 18px;
  color: #000000;
  margin: 0 auto;
}
image-box img {
  width: 100%;
}
/*topバナー------------------------------------------------*/

#main_cont {
  margin: 0 auto;
  width: 100%;
  padding: 1% 0 10% 0;
  position: relative;
  background: url(main_bk.jpg)no-repeat,url(nuno.png);
  background-position: center,center;
  background-size: contain;
}

h1 img {
  margin: 0 auto;
  width: 40%;

}

#main_cont .btn {
 position: absolute;
 top: 77%;
 margin: 0 auto;
 left: -1.5%;
 right: 0; 
}


#main_cont  a {
  display:block;
  margin: 0 auto ;
  width: 66% ;
  color: #ffffff;
  font-weight: bold;
  font-size: 26px;
  text-decoration: none;
  line-height: 92px;
}  

/*オノヤの特徴------------------------------------------------*/
#feature  {
  background: #ffffff ;
  /*background-position: right bottom;*/
  /*background-size: 35%;*/
  padding: 6% 0 4% 0;
  width: 60%; 
  margin: 0 auto;
}

#feature .image-box {
  margin: 0 auto;
  width: 60%;

}
.soudan{
  margin-top:3%;
}
#feature img {
  width: 100%;

}


#feature .omakase {
  margin: 40px 0 ;
  font-size: 30px;
  font-family: "游ゴシック体", YuGothic;
  color: #5a3a2f;
  font-weight: bold;
  text-align: center;
}
.soudan img {
  margin: 0;
  width: 40%;

}

#feature p {
  display:none;
}

#feature li {
  display:none;
}

.tit_soudan {
  font-size: 18px;
  color: #000000;
  font-weight: bold;
}
.txt_soudan {
  font-size: 15px;
  color: #000000;
}
#feature .pc {
  margin: 10px auto;
}


/*cv------------------------------------------------*/
.cv {
  margin: 0;
  padding-bottom: 30px;
  background-color: #5a3a2f;
  width:  100%;
  position: relative;
}
.cv_p img {
  margin: 0 auto ;
  width: 40%;
}

.btn {
  margin: 0 auto;
  width: 39%;
  border-bottom: 80px solid #50c900;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  text-align: center;
  height: 0;
}

.cv a {
  display:block;
  margin: 0 auto ;
  width: 66% ;
  color: #ffffff;
  font-weight: bold;
  font-size: 26px;
  text-decoration: none;
  line-height: 85px;
}  


/*相談&回答------------------------------------------------*/
#trouble {
  width: 100%;
  background: #f4ecea ;
}
.trouble_w {

  padding: 6% 0 4% 0;
  width: 60%;
  box-sizing: border-box;


}
.talk_p img {
  width: 20%;
  margin-left: auto; 

}
.case {
  width: 100%;
  margin: 50px auto;
  padding-bottom: 2%;
  background: url(question.png); 
  background-repeat: no-repeat;
  position: relative;

}




h2 #trouble {
  display: block;
  position: relative;
}
.bgi_1 img {
  width: 100%;
}

.bgi_1 {
  width: 30%;
  display: block;
  position: absolute;
  right: -36%;
  top: 0;

}

.bgi_2 img {
  width: 100%;
}

.bgi_2 {
  width: 30%;
  display: block;
  position: absolute;
  left: -36%;
  top: 50%;

}

.bgi_3 img {
  width: 100%;
}

.bgi_3 {
  width: 30%;
  display: block;
  position: absolute;
  right: -36%;
  top: 0;

}

.bgi_4 img {
  width: 100%;
}

.bgi_4 {
  width: 34%;
  display: block;
  position: absolute;
  left: -36%;
  top: 50%;

}

.bgi_5 img {
  width: 100%;
}

.bgi_5 {
  width: 29%;
  display: block;
  position: absolute;
  right: -36%;
  top: 0;

}
.bgi_6 img {
  width: 100%;
}

.bgi_6 {
  width: 30%;
  display: block;
  position: absolute;
  left: -36%;
  top: 50%;

}



h3{
  margin: 0 auto;
  font-size: 25px;
  font-family: "游ゴシック体", YuGothic;
  color: #000000;
  font-weight: bold;
  text-align: center;
}


.question_p img {
  margin: 0 auto;
  width: 100%;
}
.tit_trouble_3 {
  width: 94%;
  margin:10px auto;
  font-size: 25px;
  font-family: "游ゴシック体", YuGothic;
  color: #ffffff;
  background-color: #de2312;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}

.tit_trouble_1 {
  margin: 20px 
  background: url(question1.png);
  background-repeat: no-repeat;
}
.after_before {
  width:60%;
  margin: 0 1% 0 2.5%;

}

.after_before img {
 width: 100%;

}

.txt_trouble {
 width: 40%;
 margin: 3% 3% 0 1%;
}
#trouble p{
  width: 100%;
  margin: 3% 0 0 0;

}
.staff img {
  width: 100%;
}

.staff {
  width: 24%;
  margin: 0% 0 0 80%;
  position: absolute;
  bottom: 0;
  right: 0;
}
.case.flex.contents {
  width: 60%;
  margin: 0 auto;
}

/*カフェメニュー------------------------------------------------*/
#cafemenu {
  width: 100%;
  margin: 0 auto;
  padding: 4% 0 0 0;
}

.cafemenu_w {
  background: #ffffff;
  padding: 2% 0 6% 0;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}


.txt_cafemenu {
  width: 33%;
  padding:4% 6% 0 0%;

　　}

.drink_menu img {
 width: 100% ;
}

.drink_menu {
  margin: 2% 0 0 0 ;
  width: 60% ;
}


.cafemenu_p img {
 width: 100%;
}

.cafemenu_p {
  width: 17%;
  margin:-10% 0 0 7%;
}
#cafemenu.flex.contents {
  width: 60%;
  margin: 0 auto;
}

/*お客様の声------------------------------------------------*/

#voice{
  width: 100%;
  margin: 0 auto;
  background: url(nuno.png);
  padding: 4% 0 0 0;
}




.waku{
  width: 65%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 2% 0 4% 0;
}


h6 {
  font-size: 18px;
  font-family: "游ゴシック体", YuGothic;
  color: #000000;
  font-weight: bold;
  padding: 2% 0 2% 0;  
}
#voice .koe_1 {
  width: 41%;
  margin: 1% 0.5% 0 0;
  padding: 80px 10px 10px 10px;
  background:url(ie_2.png);
}

#voice .koe_2 {
  width: 41%;
  margin: 1% 0.5% 0 0.5% ;
  padding: 80px 10px 10px 10px;
  background:url(ie.png);
}

#voice .koe_3 {
  width: 41%;
  margin: 1% 0 0 0.5%;
  padding: 80px 10px 10px 10px;
  background:url(ie_2.png);
}
.voice_p img {
  width: 50%;
  margin: 0 50%;
}

.waku.flex.contents{
  width: 60%;
  margin: 0 auto;
}




/*SR------------------------------------------------*/
h2 #SR {
  width: 100%;
  margin: 0 auto;
}


#SR {
  background: #ffffff; 
  width: 60%;
  margin: 0 auto;
  padding: 6% 0 2% 0;
  box-sizing: border-box;
}

.SR_1 {
  width: 60%;
  margin: 3% 0 ;
  border-right: solid 1px #000;
}

.SR_2 {
  width: 60%;
  margin: 3% 0 ;
  border-right: solid 1px #000;
}

.SR_3 {
  width: 60%;
  margin: 3% 0 ;
}

h5  {
  margin: 10px;
  font-size: 12px;
  font-family: "游ゴシック体", YuGothic;
  color: #000000;
  font-weight: bold; 

}

.SR_p img { 
 width: 100% ;
}

.SR_p { 
 width: 95%;
}

#SR p {
    margin: 0 10px;
    font-size: 13px;
}

.btn_map a {
  display:block;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  color: #000000;
}

.btn_reserve a {
  display:block;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  color: #ffffff;
}

.btn_map {
  width: 60%;
  margin: 5% auto;
  background-color: #efefef ;
  text-align: center;
  color: #ffffff;
  font-weight: bold; 
}

.btn_reserve {
 width: 60%;
 margin: 5% auto;
 background-color: #50c900 ;
 text-align: center;
 color: #ffffff;
 font-weight: bold; 
}



/*tme_table------------------------------------------------*/
div#time_table_in{
  /*margin-top: 3%;*/
}
#time_table table {
  border-collapse: collapse;
  margin: auto;
  width: 100%;
  margin-bottom: 10px;
}
#time_table table th,#time_table table td {
  border: solid 1px #5a3a2f;
  font-size: 16px;
  font-weight: lighter;
  text-align: center;
  padding: 5px;
  background: #8c7069;
  width: 18%;
  color: #fff;
}

#time_table table th {
  border: solid 1px black;
  /* font-size: 22px; */
  font-weight: lighter;
  padding: 10px;
} 
#time_table table tr:not(:first-child) th, #time_table table tr:not(:first-child) td {
  /* border: solid 1px black; */
  font-size: 18px;
  font-weight: lighter;
  text-align: center;
  padding: 15px;
  background: #fff;
  border: 1px solid #000;
}
#time_table table tr th{
  color: #ffffff;
  background-color: #5a3a2f!important;
  width: 28%;

}
#time_table table:not(:first-child){
  display: none;
}
#time_table table tr:not(:first-child) td{
  font-size: 30px;
  color: #000;
    cursor: pointer;
}
.table_store{
  text-align: center;
}
select.table_store_list {
  padding: 17px;
  font-size: 13px;
}
/*fo------------------------------------------------*/
.tit_form {
  background: #de2312;
  color: #fff;
  text-align: center;
  margin-top: 6%;
  padding: 1% 0;
  font-size: 22px;
}
.form{
 background: #ffffff; 
 box-sizing: border-box;
 width: 60%;
 margin: 0 auto;
 padding: 2% 0 20% 0;

}
.form_b{
  border-top: 1px solid;
  border-right: 1px solid;
  border-left: 1px solid;
  border-bottom: 1px solid;
  margin-bottom: 4%;
}   
.form .txt1{

}

.form .txt2{

}
.tit_f {
    background-color: #efefef;
    margin: 0;
    border: 1px dashed #cccc;
    border-right: none;
    width: 44%;
    padding: 3%;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
}
.store_s {
  border: 1px dashed #cccc;
  width: 70%;
  padding: 2%;
}

.hissu{
  background-color: #de2312;
  color: #fff;
   width: max-content; 
  text-align: center;
  font-size: 11px;
  padding: 1% 3%;
  position: absolute;
  /* left: 41%; */
  right: 3%;
  vertical-align: middle;
}

.grey{

}

#form.


.nitizi{

}

.tyui{
  margin: 2% 0;
  width: 100%;
  font-size: 13px;
  /* margin: 0 20% 0 50%; */

}

.tyui_2{
  margin: 2%;

}

.tyui_3{

}

.tyui_4{

}
#adress_s{
  width: 92%;
  padding: 2%;
  margin: 2% 0;

}

#form_day{
  /*width: 20%;*/
  padding: 2%;

}

#form_time{
  /*width: 20%;*/
  padding: 2%;

}

input#name{
 width: 88%;
 padding: 2%;
 margin: 1%;
}

input#post{
  width: 10em;
  padding: 2%;
  margin: 2% 0;

}

#sel_store {
  /*width: 50%;*/
  padding: 2%;
  margin: 2% 0;
}
input#adress_p{

}

input#adress_s{

}
input#tel {
    padding: 2%;
}
input#adress_mConfirm,#adress_m{
  width: 65%;
  padding: 2%;
  margin: 2% 0 1% 0;

}
.form_wmax{
  width: 100%;
  box-sizing: border-box;
   padding: 2%;
}
.reform_p{

}

.store_2 {
  width: 100%;

}

.adress_p {
  border: 1px solid;
  font-size: 70%;
  padding:2% 3%;
  margin-left: 3%;

}


#textarea_f {
  width: 98%;
  margin: 2% 0 0% 0;
  padding: 8% 0;

}
.refom_t {
  font-size: 13px;



}


input#submit_button {
  width: 70%;
  padding: 1px;
  margin: 0 auto;
  color: #ffffff;
  background-color: #50c900;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
input#refom {


}

/*footer------------------------------------------------*/
footer {
    background-color: #5a3a2f;
    padding: 40px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
}
.footer_txt {
  margin: 0 auto;
  width: 74%;
  font-size: 18px;
  color: #ffffff;
}



/*common*/
.content_w{
  width: 44%!important;
  margin: auto;
  min-width: 750px;
}