@charset "UTF-8";

/* CSS Document */
.allWrap {
  /* 背景 ==================================================================*/
  /*--- about ---*/
  /* other  ==================================================================*/
}

.allWrap #dinner.main_ctn::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -100;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/n_bg.jpg");
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .allWrap #dinner.main_ctn::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -100;
    width: 100%;
    height: 100%;
    background-position: 50% 100%;
    background-image: url("../img/n_bg_sp.jpg");
    background-size: cover;
    background-repeat: repeat-y;
  }
}

.allWrap #about,
.allWrap .w1000,
.allWrap #m_menu,
.allWrap #other,
.allWrap .footer_info {
  background-color: #ededed;
}

.allWrap .bg_o {
  background: linear-gradient(146deg, rgb(196, 148, 12) 0%, rgb(255, 245, 202) 17%, rgb(236, 218, 132) 37%, rgb(255, 245, 202) 63%, rgb(196, 148, 12) 81%);
  padding: 2px 5px;
  color: #422d16;
  white-space: nowrap;
  font-weight: bold;
}

.allWrap .a_box02 a {
  font-size: 1.4rem;
  padding: 8px 15px;
}

.allWrap .a_box04 {
  width: 90% !important;
  padding: 9px 0 !important;
}

.allWrap .a_box04 h3 {
  text-align: center;
  font-size: 22px !important;
  font-weight: bold !important;
  color: #fff;
  background-color: transparent !important;
}

.allWrap .flx.box04_txt {
  width: 89%;
  margin: 0 auto;
  justify-content: center;
  align-items: flex-start;
}

.allWrap .box04_txt div {
  width: 100%;
  margin: 0 auto;
}

.allWrap .box04_txt div.txtL {
  padding: 0rem 0.5rem 1rem;
  box-sizing: border-box;
}

@media screen and (max-width: 820px) {
  .allWrap .a_box04 {
    width: 97%;
    padding: 0;
    font-size: 73%;
  }

  .allWrap .a_box04 h3 {
    margin: 0 !important;
    padding: 0 !important;
  }

  .allWrap .box04_txt div {
    width: 45%;
  }

  .allWrap .flx.box04_txt {
    width: 91%;
  }

  .allWrap .txtL img {
    width: 90%;
  }

  .allWrap .a_box04 .line {
    width: 22%;
  }
}

@media screen and (max-width: 768px) {
  .allWrap .a_box04 {
    width: 100% !important;
    background: url(../img/bg_red_sp_d2.png) no-repeat;
    background-size: contain;
    padding: 13px 0 !important;
    font-size: 90%;
  }

  .allWrap .a_box04 .flx {
    flex-wrap: wrap;
  }

  .allWrap .box04_txt div {
    width: 93%;
  }

  .allWrap .txtL img {
    width: 100%;
    margin-top: 1rem;
  }

  .allWrap .a_box04 h3 {
    margin-bottom: 1rem !important;
  }
}

.allWrap .clm_img {
  width: 90%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

.allWrap #dinner .iconList2 {
  width: 55%;
  display: block;
  /* flex-wrap: wrap; */
  /* justify-content: space-between; */
  /* align-items: center; */
}

.allWrap .iconList2 li{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.allWrap .fullImg3 {
  width: 679px;
  height: auto;
  margin: 4rem auto 0;
}

@media screen and (max-width: 1024px) {
  .allWrap .a_box03 {
    max-height: 100%;
  }
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
  .allWrap .clm_img {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
  }

  .allWrap #dinner .iconList2 {
    width: 86%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-right: 0;
  }

  .allWrap .fullImg3 {
    width: 100%;
    height: auto;
  }

  .allWrap .fullImg3 img {
    width: 100%;
    height: auto;
  }

  .allWrap .a_box03 p {
    width: 100% !important;
    margin-top: 1rem;
    text-align: center;
  }

  .allWrap .spL {
    margin-left: 20px;
  }
}


.flex_b{
  display: flex;
}

.flex_b .w-90{
  padding-right: 1rem;
}

@media screen and (max-width: 782px) {
  .flex_b{
    display: block;
  }
  .flex_b .w-90{
  padding-right: 0;
  width: 100%;
}
}

/* マツケンオリジナルドリンク */
.flex_box{
  display: flex;
  justify-content: space-around;
  align-items: start;
  width: 90%;
  margin: 3rem auto 5rem !important;
}

.fl_text_box {
    padding-left: 4rem;
    width: 400px;
}

span.marker {
    background: linear-gradient(transparent 50%, #cfb98f 50%) !important;
}

ul.disc li{
  list-style: disc;
}

@media screen and (max-width: 782px) {
  .flex_box{
    display: block;
  }
  .fl_text_box {
    width: 280px;
}
}