/* ===== TOP SECTION ===== */
#TOP { padding: 90px 0 0 0; background-color: var(--keycolor-1st-bg); }

img{
  width:100%;
  height:auto;
  vertical-align: bottom;
}
h1 {
  display: inline-block;
  padding: 7px 20px 5px 20px;
  text-align: center;
  font-weight: bold;
  font-size: 4rem;
  background-color: #FFF9F3;
  color: #3A1605;
  letter-spacing: 0px;
  border-radius: 10px 10px 4px 4px;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.4);
  }

/* ===== HEADINGS (h2, h3) ===== */
.midasi_h1 { position: relative; text-align: center; margin: 82px auto 0 auto; width: 800px; }
.midasi_waku { position: absolute; top: -40px; left: 340px; width: 120px; }



/* ===== TOP SECTION ===== */
#TOP { padding: 70px 0 0 0; background-color: var(--keycolor-1st-bg);position:relative; z-index:0;transform: translateZ(1px);  }


/* ===== テイクアウト ===== */
#takeout { text-align: center; width: 700px; margin: 16px auto; ;background-color:#ffec3a;padding: 10px 0 10px 0;border-radius:5px;}
#takeout img { display: block; width: 100%; }
#mobileorder {
    width: 96%;
    margin: 20px auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 5px;
    font-size: 1.8rem;
    font-weight: bold;
}
#mobileorder h2{margin:0px;}
#mobileorder a{
    display: flex;
    justify-content: center;
    align-items: center;
    gap:5px;
    width: 350px;
    margin:0 auto;
    padding: 12px 20px;
    font-size: 2.3rem; 
    line-height: 2;
    font-weight: bold;
    background: #db001b; 
    border-radius: 10px;
    color: #fff;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.4);
  }
#mobileorder .ico-phone{
  display: inline-block;
  width:38px;
  height:38px;
}
#phoneorder { margin:20px 0;}
#phoneorder h2{
  font-size:1.8rem;
  font-weight:bold;
}
#phoneorder .bt-tel,.phoneorder .bt-tel{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 350px;
    margin:0 auto;
    padding: 12px 20px;
    font-size: 2.3rem;
    line-height: 2;
    font-weight: bold;
    background: #db001b;
    border-radius: 10px;
    color: #fff;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.4);
  }
#phoneorder .ico-phone,.phoneorder .ico-phone{
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
#phoneorder .ordertime,.phoneorder .ordertime{
  font-size:1.6rem;
  line-height: 2;
  font-weight:bold;
  color: #510001;
}

.box{
width: 700px;
margin: 36px auto;
padding: 30px 30px 45px;
background-color:#fef8f2;
border-radius:5px;
font-size: 1.4rem;
    line-height: 1.8;
}
.box h2{
  margin:30px 0 3px;
  text-align:left;
  font-size:1.8rem;
  font-weight:bold;
}
.box h2:nth-of-type(1){
  margin:10px 0 3px;
}
.box h3{
  background-color: #3a1605db;
  color: #fff;
  margin: 30px 0 10px;
  text-align: left;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  padding: 10px;
  border-radius: 2px;
}
.box p{
  margin:0px 0;
}
.box .logomini{
  width: 130px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.box .marker{
/*  background-color:#ffcb01eb;*/
  font-weight:bold;
  padding:0 0px;
    margin:0 0px;

}
.box .marker2{
  background-color:#e05310;
  color:#fff;
  font-weight:bold;
  padding:0 0px;
  margin:0 0px;
}
.box .red{
  color:#e05310;
  font-weight:bold;
}

.box table{
  margin:5px 0px;
  border-collapse:collapse;
}
.box td,.box th{
  border:1px solid #3a1605db;
  font-size:1.5rem;
  font-weight:bold;
  padding:5px 10px;
}
.box small{
  margin-top:10px;
  display:block;
}
.box th{
  background-color:#ffcb01eb;
}
.box .ico-tri-alart{
  width:30px;
  height:30px;
}
.box .ico-tri-alart{
  width:20px;
  height:20px;
}
.phoneorder{ margin:20px 0 0;}