@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;400;800&family=Noto+Sans+JP:wght@200;400;800&family=Roboto:wght@100;400;700&family=Zen+Maru+Gothic:wght@300;400;700&display=swap");
html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  width: 100vw;
  margin: 0;
  padding: 0;
  font-family: "Zen Maru Gothic", serif;
  font-style: normal;
  font-weight: bold;
  font-size: 1rem;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "pkna" 1;
  color: rgb(117, 76, 36);
  overflow-x: hidden;
  font-weight: 500;
  letter-spacing: 0.2rem;
  background-color: rgb(255, 243, 218);
}

header,
footer,
section {
  width: 100%;
  height: auto;
}

.common_width_layouut_1100 {
  width: 1100px;
  margin: 0 auto;
}

.common_width_layouut_800 {
  width: 800px;
  margin: 0 auto;
}

h2 {
  font-size: 2.4rem;
  font-weight: bold;
  color: rgb(117, 76, 36);
}

h3 {
  font-size: 2rem;
  font-weight: bold;
  color: rgb(117, 76, 36);
}

.h3_right_icon {
  background-position: bottom right;
  background-repeat: no-repeat;
}

.h3_left_icon {
  background-position: bottom left;
  background-repeat: no-repeat;
}

h4 {
  font-size: 1.6rem;
  font-weight: bold;
  color: rgb(117, 76, 36);
}

h5 {
  font-size: 1.4rem;
  font-weight: bold;
  color: rgb(117, 76, 36);
}

body::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  /* 背景カラー */
  z-index: 9999;
  /* 一番手前に */
  pointer-events: none;
  /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
  opacity: 0;
  /* 初期値 : 透過状態 */
  /* アニメーション時間は 0.8秒 */
  transition: opacity 0.5s ease;
}

body.fadeout::after {
  opacity: 1;
}

body.fadeout article {
  transform: scale(1.2);
}

@media screen and (min-width: 801px) and (max-width: 1100px) {
  .common_width_layouut_1100 {
    width: 90% !important;
    margin: 0 5% !important;
  }
  .common_width_layouut_800 {
    width: 90% !important;
    margin: 0 5% !important;
  }
}
@media screen and (min-width: 481px) and (max-width: 800px) {
  html {
    overflow-x: hidden;
  }
  .common_width_layouut_1100 {
    width: 90% !important;
    margin: 0 5% !important;
  }
  .common_width_layouut_800 {
    width: 90% !important;
    margin: 0 5% !important;
  }
  h2 {
    font-size: 1.8rem;
  }
  h3 {
    font-size: 1.6rem;
  }
  .h3_right_icon {
    background-position: bottom right;
    background-repeat: no-repeat;
  }
  .h3_left_icon {
    background-position: bottom left;
    background-repeat: no-repeat;
  }
  h4 {
    font-size: 1.4rem;
  }
  h5 {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 480px) {
  html {
    overflow-x: hidden;
  }
  .common_width_layouut_1100 {
    width: 90% !important;
    margin: 0 5% !important;
  }
  .common_width_layouut_800 {
    width: 90% !important;
    margin: 0 5% !important;
  }
  h2 {
    font-size: 6.2vw;
  }
  h3 {
    font-size: 5.2vw;
  }
  .h3_right_icon {
    background-position: bottom right;
    background-repeat: no-repeat;
  }
  .h3_left_icon {
    background-position: bottom left;
    background-repeat: no-repeat;
  }
  h4 {
    font-size: 4.2vw;
  }
  h5 {
    font-size: 4vw;
  }
}
header {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem 2rem 0.6rem 2.4rem;
  position: relative;
  background-color: rgb(255, 243, 218);
  transition: 1s;
  z-index: 9999;
}
header .logo {
  width: 340px;
  height: auto;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 2rem 0 0;
  transition: 1s;
  transform: scale(1);
}
header .logo .logo_img {
  width: 100px;
  height: auto;
  transition: 1s;
}
header .logo .logo_img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s;
}
header .logo .logo_text {
  font-weight: 800;
  text-align: center;
}
header .logo .logo_text span {
  font-size: 1.2rem;
  transition: 1s;
}
header .logo .logo_text p {
  font-size: 1.8rem;
  color: rgb(235, 109, 1);
  transition: 1s;
}
header nav {
  width: calc(100% - (340px + (100% - 1280px) / 2 + 3rem));
  display: flex;
  align-items: center;
  position: relative;
}
header nav #menu {
  width: 35px;
  aspect-ratio: 1/0.75;
  display: none;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  position: relative;
}
header nav #menu:hover {
  cursor: pointer;
}
header nav #menu span {
  display: block;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  background-color: rgb(117, 76, 36);
  position: absolute;
  transition: 1s;
}
header nav #menu span:first-child {
  top: 0;
}
header nav #menu span:nth-child(2) {
  margin: 10px 0;
}
header nav #menu span:last-child {
  bottom: 0;
}
header nav .menu_cross span {
  width: 100%;
}
header nav .menu_cross span:first-child {
  transform: rotate(45deg);
  transition: 1s;
  position: absolute;
  top: 11.5px !important;
}
header nav .menu_cross span:nth-child(2) {
  opacity: 0;
  transition: 1s;
  position: absolute;
}
header nav .menu_cross span:last-child {
  transform: rotate(-45deg);
  transition: 1s;
  position: absolute;
  bottom: 11.5px !important;
}
header nav ul {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header nav ul li {
  width: 14.2857142857%;
  border-left: solid 1px rgb(117, 76, 36);
  font-size: 1rem;
}
header nav ul li:first-child {
  border-left: none;
}
header nav ul li a {
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
  position: relative;
}
header nav ul li a:hover span {
  width: 100%;
  transition: 0.5s;
}
header nav ul li a span {
  display: block;
  width: 0;
  height: 2px;
  background-color: rgb(235, 109, 1);
  margin: 0 auto;
  transition: 0.5s;
  position: absolute;
  bottom: -0.6rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
header .header_img {
  width: calc((100% - 1280px) / 2 + 2rem);
  height: 100px;
  background-image: url("../../img/common/header/leaf.svg");
  background-repeat: no-repeat;
  background-position: center left 3%;
  background-size: 100px;
  transition: 1s;
}

.menu_open {
  right: -2rem;
  transition: 1s;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  padding: 0.2rem 2rem 0.4rem;
  transition: 1s;
  box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
  overflow-x: hidden;
  background-color: rgba(255, 243, 218, 0.9);
}
.fixed .logo {
  transform: scale(0.8);
  transition: 1s;
}
.fixed .header_img {
  transform: scale(0.6);
  transition: 1s;
  height: 80px;
  background-size: 80px;
}

@media screen and (min-width: 1281px) and (max-width: 1470px) {
  .header_img {
    background-image: none !important;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1280px) {
  header {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.2rem 2rem 0.6rem 2.4rem;
    position: relative;
    background-color: rgb(255, 243, 218);
    transition: 1s;
    z-index: 9999;
  }
  header .logo {
    width: 280px;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 2rem 0 0;
    transition: 1s;
    transform: scale(1);
  }
  header .logo .logo_img {
    width: 90px;
    height: auto;
    transition: 1s;
    margin-right: 10px;
  }
  header .logo .logo_img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  header .logo .logo_text {
    font-weight: 800;
    text-align: center;
  }
  header .logo .logo_text span {
    font-size: 1rem;
    transition: 1s;
  }
  header .logo .logo_text p {
    font-size: 1.3rem;
    color: rgb(235, 109, 1);
    transition: 1s;
  }
  header nav {
    width: calc(100% - (340px + (100% - 1280px) / 2 + 3rem));
    display: flex;
    align-items: center;
    position: relative;
  }
  header nav #menu {
    width: 35px;
    aspect-ratio: 1/0.75;
    display: none;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    position: relative;
  }
  header nav #menu:hover {
    cursor: pointer;
  }
  header nav #menu span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 1px;
    background-color: rgb(117, 76, 36);
    position: absolute;
    transition: 1s;
  }
  header nav #menu span:first-child {
    top: 0;
  }
  header nav #menu span:nth-child(2) {
    margin: 10px 0;
  }
  header nav #menu span:last-child {
    bottom: 0;
  }
  header ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  header ul li {
    width: -moz-fit-content !important;
    width: fit-content !important;
    border-left: solid 1px rgb(117, 76, 36);
    font-size: 0.9rem !important;
    padding: 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header ul li:first-child {
    border-left: none;
  }
  header ul li a {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    justify-content: center;
    text-align: center;
    font-weight: 600;
  }
}
@media screen and (min-width: 481px) and (max-width: 1200px) {
  header {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 5% 0 5%;
    position: relative;
    background-color: rgb(255, 243, 218);
    transition: 1s;
    z-index: 9999;
  }
  header nav {
    position: absolute;
    right: 2rem;
  }
  header nav #menu {
    display: flex;
    position: absolute;
    z-index: 999;
    right: 0;
  }
  header nav ul {
    width: 35vw;
    height: 100vh;
    position: fixed;
    right: calc(-40vw - 2rem);
    top: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    flex-flow: column;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 50vw;
    border-bottom-left-radius: 50vw;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  }
  header nav ul li {
    width: -moz-fit-content;
    width: fit-content;
    border-left: none;
    margin: 0 0 1.6rem 0;
  }
}
@media screen and (max-width: 480px) {
  header {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem 5% 0 5%;
    position: relative;
    background-color: rgb(255, 243, 218);
    transition: 1s;
    z-index: 9999;
  }
  header .logo {
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 0 0 0;
    transition: 1s;
    transform: scale(1);
  }
  header .logo .logo_img {
    width: 60px;
    height: auto;
    margin-right: 10px;
    transition: 1s;
  }
  header .logo .logo_img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  header .logo .logo_text {
    font-weight: 800;
    text-align: center;
    transition: 1s;
  }
  header .logo .logo_text span {
    font-size: 0.8rem;
    transition: 1s;
  }
  header .logo .logo_text p {
    font-size: 1.2rem;
    color: rgb(235, 109, 1);
    transition: 1s;
  }
  header nav {
    position: absolute;
    right: 5%;
  }
  header nav #menu {
    display: flex;
    position: absolute;
    z-index: 999;
    right: 0;
  }
  header nav ul {
    width: 50vw;
    height: 100vh;
    position: fixed;
    right: calc(-55vw - 2rem);
    top: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    flex-flow: column;
    background-color: rgb(255, 255, 255);
    border-top-left-radius: 50vw;
    border-bottom-left-radius: 50vw;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
  }
  header nav ul li {
    width: -moz-fit-content;
    width: fit-content;
    border-left: none;
    margin: 0 0 1.6rem 0;
  }
  .fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 0rem 5% 0rem;
    transition: 1s;
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
    overflow-x: hidden;
    background-color: rgba(255, 243, 218, 0.9);
  }
  .fixed .logo {
    transform: scale(1);
    transition: 1s;
  }
  .fixed .header_img {
    transform: scale(1);
    transition: 1s;
    height: 80px;
    background-size: 80px;
  }
}
#sub_title_header {
  width: 100%;
  height: 25vw;
  max-height: 450px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#sub_title_header h2 {
  display: flex;
  color: #ffffff;
  justify-content: center;
  align-items: center;
  text-shadow: 4px 3px 5px rgba(0, 0, 0, 0.4);
}
#sub_title_header h2::after {
  content: "";
  display: block;
  width: 50px;
  aspect-ratio: 1/1;
  background-image: url("../../img/common/logo/logo_white.svg");
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 0 0 0 10px;
  filter: drop-shadow(4px 3px 5px rgba(0, 0, 0, 0.4));
}

.header_introduction {
  background-image: url("../../img/common/sub_title_header/introduction.jpg");
}

.header_bookmark {
  background-image: url("../../img/common/sub_title_header/bookmark.jpg");
}

.header_lunch_room {
  background-image: url("../../img/common/sub_title_header/lunch_room.jpg");
}

.header_member {
  background-image: url("../../img/common/sub_title_header/member.jpg");
}

.header_recruit {
  background-image: url("../../img/common/sub_title_header/recruit.jpg");
}

.header_state {
  background-image: url("../../img/common/sub_title_header/state.jpg");
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #sub_title_header {
    height: 250px;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #sub_title_header {
    height: 200px;
  }
}
@media screen and (max-width: 480px) {
  #sub_title_header {
    height: 150px;
  }
}
#_lunch_room_box {
  font-weight: bold;
}
#_lunch_room_box div h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 1rem;
  background-image: url("../../img/introduction/h_icon/leaf.svg");
  background-size: 100px;
  padding: 200px 100px 0 100px;
}
#_lunch_room_box div h4 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0px;
  text-align: center;
  padding: 6.2rem 2.4rem 1.6rem;
  border-bottom: solid 2px rgb(117, 76, 36);
}
#_lunch_room_box div ._lunch_room_item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin: 3.6rem 0;
}
#_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list {
  width: calc(100% - 300px);
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0 50px 0 0;
  border: solid 2px rgb(117, 76, 36);
  padding: 2.4rem;
  border-radius: 1.6rem;
}
#_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li {
  width: calc(33.3333333333% - 20px);
}
#_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li:nth-child(n+4) {
  margin: 1.6rem 0 0 0;
}
#_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a {
  width: 100%;
  display: block;
}
#_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a:hover ._lunch_room_blog_thumbnail > img {
  transform: scale(1.2);
  transition: 1s;
}
#_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_thumbnail {
  width: 100%;
  height: 150px;
  overflow: hidden;
  border-radius: 10px;
}
#_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_thumbnail img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 1s;
}
#_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_date {
  width: 100%;
  font-size: 1rem;
  padding: 0.8rem 0 0.4rem;
}
#_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_title {
  width: 100%;
}
#_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list {
  width: 250px;
  padding: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: stretch;
  border-top: solid 2px rgb(117, 76, 36);
  border-bottom: solid 2px rgb(117, 76, 36);
}
#_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul li {
  margin: 0 0 1.6rem 0;
}
#_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul li:last-child {
  margin: 0 0 0 0;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  #_lunch_room_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_lunch_room_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_lunch_room_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_lunch_room_box div ._lunch_room_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list {
    order: 2;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 0 0 0;
    border: none;
    padding: 0 0 2.4rem;
    border-radius: 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list ._lunch_blog_pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2.4rem 0 0 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list ._lunch_blog_pager li {
    border-bottom: none;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li {
    width: calc(50% - 20px);
    padding: 2.4rem 0 2.4rem 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li:first-child {
    padding: 2.4rem 0 2.4rem 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li:last-child {
    border-bottom: none;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li:nth-child(n+4) {
    margin: 0rem 0 0 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a:hover ._lunch_room_blog_thumbnail > img {
    transform: scale(1.2);
    transition: 1s;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_thumbnail {
    width: 100%;
    height: 250px;
    overflow: hidden;
    border-radius: 10px;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_thumbnail img {
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_date {
    width: 100%;
    font-size: 1rem;
    padding: 0.8rem 0 0.4rem;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_title {
    width: 100%;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list {
    order: 1;
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-flow: column;
    border-top: solid 2px rgb(117, 76, 36);
    border-bottom: solid 2px rgb(117, 76, 36);
    position: relative;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list .display_selectedItem {
    width: 200px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 2px solid rgb(117, 76, 36);
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: #ffffff;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul {
    width: 200px;
    border: 1px solid #c5c5c5;
    margin: 0 auto;
    position: absolute;
    bottom: -54px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul li {
    margin: 0 0 0rem 0;
    cursor: default;
    box-sizing: border-box;
    padding: 4px 10px;
    background-color: #ffffff;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul li a {
    display: block;
    width: 100%;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul li:last-child {
    margin: 0 0 0 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_lunch_room_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_lunch_room_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_lunch_room_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_lunch_room_box div ._lunch_room_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list {
    order: 2;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 0 0 0;
    border: none;
    padding: 0 0 2.4rem;
    border-radius: 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list ._lunch_blog_pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2.4rem 0 0 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list ._lunch_blog_pager li {
    border-bottom: none;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li {
    width: calc(50% - 20px);
    padding: 2.4rem 0 2.4rem 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li:first-child {
    padding: 2.4rem 0 2.4rem 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li:last-child {
    border-bottom: none;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li:nth-child(n+4) {
    margin: 0rem 0 0 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a:hover ._lunch_room_blog_thumbnail > img {
    transform: scale(1.2);
    transition: 1s;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_thumbnail {
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 10px;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_thumbnail img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_date {
    width: 100%;
    font-size: 1rem;
    padding: 0.8rem 0 0.4rem;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_title {
    width: 100%;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list {
    order: 1;
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top: solid 2px rgb(117, 76, 36);
    border-bottom: solid 2px rgb(117, 76, 36);
    position: relative;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list .display_selectedItem {
    width: 200px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 2px solid rgb(117, 76, 36);
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: #ffffff;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul {
    width: 200px;
    border: 1px solid #c5c5c5;
    margin: 0 auto;
    position: absolute;
    bottom: -54px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul li {
    margin: 0 0 0 0;
    cursor: default;
    box-sizing: border-box;
    padding: 4px 10px;
    background-color: #ffffff;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul li a {
    display: block;
    width: 100%;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul li:last-child {
    margin: 0 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  #_lunch_room_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_lunch_room_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_lunch_room_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_lunch_room_box div span {
    font-size: 1rem;
  }
  #_lunch_room_box div ._lunch_room_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list {
    order: 2;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    margin: 0 0 0 0;
    border: none;
    padding: 2.4rem 0;
    border-radius: 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list ._lunch_blog_pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2.4rem 0 0 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list ._lunch_blog_pager li {
    border-bottom: none;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li {
    width: 100%;
    padding: 2.4rem 0 2.4rem 0;
    border-bottom: dashed 2px rgb(117, 76, 36);
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li:first-child {
    padding: 0rem 0 2.4rem 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li:last-child {
    border-bottom: none;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li:nth-child(n+4) {
    margin: 1.6rem 0 0 0;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a {
    width: 100%;
    display: block;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a:hover ._lunch_room_blog_thumbnail > img {
    transform: scale(1.2);
    transition: 1s;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_thumbnail {
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 10px;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_thumbnail img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
    transition: 1s;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_date {
    width: 100%;
    font-size: 1rem;
    padding: 0.8rem 0 0.4rem;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_blog_list li a ._lunch_room_blog_title {
    width: 100%;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list {
    order: 1;
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top: solid 2px rgb(117, 76, 36);
    border-bottom: solid 2px rgb(117, 76, 36);
    position: relative;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list .display_selectedItem {
    width: 200px;
    margin: 0 auto;
    box-sizing: border-box;
    border: 2px solid rgb(117, 76, 36);
    border-radius: 10px;
    padding: 5px 10px;
    cursor: pointer;
    background-color: #ffffff;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul {
    width: 200px;
    border: 1px solid #c5c5c5;
    margin: 0 auto;
    position: absolute;
    bottom: -54px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul li {
    margin: 0 0 0 0;
    cursor: default;
    box-sizing: border-box;
    padding: 4px 10px;
    background-color: #ffffff;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul li a {
    display: block;
    width: 100%;
  }
  #_lunch_room_box div ._lunch_room_item ._lunch_room_archive_list ul li:last-child {
    margin: 0 0 0 0;
  }
}
#_lunch_menu_box {
  font-weight: bold;
}
#_lunch_menu_box div h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 1rem;
  background-image: url("../../img/introduction/h_icon/clover-1.svg");
  background-size: 100px;
  padding: 200px 100px 0 100px;
}
#_lunch_menu_box div h4 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0px;
  text-align: center;
  padding: 6.2rem 2.4rem 1.6rem;
  border-bottom: solid 2px rgb(117, 76, 36);
}
#_lunch_menu_box div ._lunch_menu_item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 3.6rem 0;
}
#_lunch_menu_box div ._lunch_menu_item li {
  width: calc(33.3333333333% - 20px);
  margin-bottom: 2.4rem;
}
#_lunch_menu_box div ._lunch_menu_item li a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  padding: 1.2rem 1.2rem;
  background-color: rgb(117, 76, 36);
  color: rgb(255, 243, 218);
  border-radius: 10px;
  border: solid 2px rgb(117, 76, 36);
  transition: 1s;
}
#_lunch_menu_box div ._lunch_menu_item li a:hover {
  background-color: rgb(255, 243, 218);
  color: rgb(117, 76, 36);
  transition: 1s;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_lunch_menu_box div h3 {
    background-size: 80px;
    padding: 80px 80px 0 80px;
  }
  #_lunch_menu_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_lunch_menu_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_lunch_menu_box div h3 {
    letter-spacing: 0.2rem;
    background-size: 60px;
    padding: 60px 60px 0 40px;
  }
  #_lunch_menu_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_lunch_menu_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
}
@media screen and (max-width: 480px) {
  #_lunch_menu_box div h3 {
    letter-spacing: 0.2rem;
    background-size: 40px;
    padding: 40px 40px 0 20px;
  }
  #_lunch_menu_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem !important;
  }
  #_lunch_menu_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_lunch_menu_box div span {
    font-size: 1rem;
  }
  #_lunch_menu_box div ._lunch_menu_item {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0;
  }
  #_lunch_menu_box div ._lunch_menu_item li {
    width: calc(50% - 20px);
    margin-bottom: 2.4rem;
  }
  #_lunch_menu_box div ._lunch_menu_item li a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 1rem 1rem;
    background-color: rgb(117, 76, 36);
    color: rgb(255, 243, 218);
    border-radius: 10px;
    border: solid 2px rgb(117, 76, 36);
  }
  #_lunch_menu_box div ._lunch_menu_item li a:hover {
    background-color: rgb(255, 243, 218);
    color: rgb(117, 76, 36);
  }
}
#_lunch_blog_box {
  font-weight: bold;
}
#_lunch_blog_box div h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 1rem;
  background-image: url("../../img/introduction/h_icon/tree_green.png");
  background-size: 100px;
  padding: 200px 100px 0 100px;
}
#_lunch_blog_box div ._lunch_blog_item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 3.6rem 0;
  position: relative;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog {
  width: calc(100% - 250px - 20px);
  border: solid 2px rgb(117, 76, 36);
  padding: 1.6rem;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog h4 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 0px;
  text-align: center;
  padding: 0rem 2.4rem 1.6rem;
  border-bottom: solid 2px rgb(117, 76, 36);
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_update {
  width: 100%;
  padding: 0.6rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h1 {
  width: 100%;
  font-size: 2.4rem;
  padding: 0;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h2 {
  width: 100%;
  font-size: 2.2rem;
  padding: 0;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h3 {
  width: 100%;
  font-size: 2rem;
  padding: 0;
  background-image: unset;
  text-align: left;
  letter-spacing: unset;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h4 {
  width: 100%;
  font-size: 1.8rem;
  padding: 0;
  text-align: left;
  border-bottom: none;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h5 {
  width: 100%;
  font-size: 1.6rem;
  padding: 0;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h6 {
  width: 100%;
  font-size: 1.4rem;
  padding: 0;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents p {
  font-size: 1.2rem;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents ul {
  list-style: inside;
  list-style-type: circle;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents ol {
  list-style: inside;
  list-style-type: decimal;
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents img {
  max-width: 100%;
  margin: 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents a {
  display: block;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table {
  width: 100%;
  height: auto;
  border: solid 2px rgb(117, 76, 36);
  margin: 0 0 1rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table th,
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table td {
  padding: 0.8rem;
  font-weight: bold;
  border: solid 2px rgb(117, 76, 36);
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents .cms_media_image_full {
  width: 100%;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin: 2.4rem 0 0 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li a {
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.4rem;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager .pager_prev {
  padding: 0 0 0 20px;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager .pager_prev::before {
  display: block;
  content: "";
  width: 15px;
  aspect-ratio: 1/1;
  border-top: solid 2px rgb(117, 76, 36);
  border-left: solid 2px rgb(117, 76, 36);
  transform: rotate(-45deg);
  position: absolute;
  top: 6px;
  left: 0%;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager .pager_next {
  padding: 0 20px 0 0px;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager .pager_next::before {
  display: block;
  content: "";
  width: 15px;
  aspect-ratio: 1/1;
  border-top: solid 2px rgb(117, 76, 36);
  border-right: solid 2px rgb(117, 76, 36);
  transform: rotate(45deg);
  position: absolute;
  top: 6px;
  right: 0%;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager .empty {
  width: 10px;
  height: 10px;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list {
  width: 250px;
  padding: 1.6rem;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  border-top: solid 2px rgb(117, 76, 36);
  border-bottom: solid 2px rgb(117, 76, 36);
  position: sticky;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li {
  margin: 0 0 1.6rem 0;
}
#_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li:last-child {
  margin: 0 0 0 0;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  #_lunch_blog_box div h3 {
    background-size: 80px;
    padding: 100px 80px 0 80px;
  }
  #_lunch_blog_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_lunch_blog_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_lunch_blog_box div ._lunch_blog_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0;
    position: relative;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog {
    order: 2;
    width: 100%;
    border: none;
    padding: 1.6rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog > h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_update {
    width: 100%;
    padding: 0.6rem 0;
    margin-bottom: 3.6rem;
    text-align: center;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2.4rem 0 0 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li a {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.2rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list {
    order: 1;
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top: solid 2px rgb(117, 76, 36);
    border-bottom: solid 2px rgb(117, 76, 36);
    position: sticky;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li {
    margin: 0 0 1.6rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li:last-child {
    margin: 0 0 0 0;
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  #_lunch_blog_box div h3 {
    background-size: 60px;
    padding: 100px 60px 0 60px;
  }
  #_lunch_blog_box div h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_lunch_blog_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_lunch_blog_box div ._lunch_blog_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0;
    position: relative;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog {
    order: 2;
    width: 100%;
    border: none;
    padding: 1.6rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog > h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_update {
    width: 100%;
    padding: 0.6rem 0;
    margin-bottom: 3.6rem;
    text-align: center;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h1 {
    width: 100%;
    font-size: 2.2rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h2 {
    width: 100%;
    font-size: 2rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h3 {
    width: 100%;
    font-size: 1.8rem;
    padding: 0;
    background-image: unset;
    text-align: left;
    letter-spacing: unset;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h4 {
    width: 100%;
    font-size: 1.6rem;
    padding: 0;
    text-align: left;
    border-bottom: none;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h5 {
    width: 100%;
    font-size: 1.4rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h6 {
    width: 100%;
    font-size: 1.2rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents p {
    font-size: 1rem;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents ul {
    list-style: inside;
    list-style-type: circle;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents ol {
    list-style: inside;
    list-style-type: decimal;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents img {
    max-width: 100%;
    margin: 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents a {
    display: block;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table {
    width: 100%;
    height: auto;
    border: solid 2px rgb(117, 76, 36);
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table th,
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table td {
    padding: 0.8rem;
    font-weight: bold;
    border: solid 2px rgb(117, 76, 36);
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents .cms_media_image_full {
    width: 100%;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2.4rem 0 0 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li a {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.2rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list {
    order: 1;
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top: solid 2px rgb(117, 76, 36);
    border-bottom: solid 2px rgb(117, 76, 36);
    position: sticky;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li {
    margin: 0 0 1.6rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li:last-child {
    margin: 0 0 0 0;
  }
}
@media screen and (max-width: 480px) {
  #_lunch_blog_box div h3 {
    letter-spacing: 0.4rem;
    background-size: 40px;
    padding: 100px 40px 0 40px;
  }
  #_lunch_blog_box div p {
    font-size: 1rem !important;
    line-height: 1.4rem;
  }
  #_lunch_blog_box div span {
    font-size: 1rem;
  }
  #_lunch_blog_box div ._lunch_blog_item {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 3.6rem 0;
    position: relative;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog {
    order: 2;
    width: 100%;
    border: none;
    padding: 1.6rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog > h4 {
    padding: 3.2rem 2.4rem 1.6rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_update {
    width: 100%;
    padding: 0.6rem 0;
    margin-bottom: 3.6rem;
    text-align: center;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h1 {
    width: 100%;
    font-size: 2rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h2 {
    width: 100%;
    font-size: 1.8rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h3 {
    width: 100%;
    font-size: 1.6rem;
    padding: 0;
    background-image: unset;
    text-align: left;
    letter-spacing: unset;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h4 {
    width: 100%;
    font-size: 1.4rem;
    padding: 0;
    text-align: left;
    border-bottom: none;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h5 {
    width: 100%;
    font-size: 1.2rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents h6 {
    width: 100%;
    font-size: 1rem;
    padding: 0;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents p {
    font-size: 0.9rem;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents ul {
    list-style: inside;
    list-style-type: circle;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents ol {
    list-style: inside;
    list-style-type: decimal;
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents img {
    max-width: 100%;
    margin: 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents a {
    display: block;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table {
    width: 100%;
    height: auto;
    border: solid 2px rgb(117, 76, 36);
    margin: 0 0 1rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table th,
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents table td {
    padding: 0.8rem;
    font-weight: bold;
    border: solid 2px rgb(117, 76, 36);
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_contents .cms_media_image_full {
    width: 100%;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 2.4rem 0 0 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li {
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog ._lunch_blog_pager li a {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1.2rem;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list {
    order: 1;
    width: 100%;
    padding: 1.6rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top: solid 2px rgb(117, 76, 36);
    border-bottom: solid 2px rgb(117, 76, 36);
    position: sticky;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li {
    margin: 0 0 1.6rem 0;
  }
  #_lunch_blog_box div ._lunch_blog_item ._lunch_blog_archive_list li:last-child {
    margin: 0 0 0 0;
  }
}
footer {
  background-color: rgba(255, 255, 255, 0.6);
  height: auto;
}
footer .__footer_width {
  width: calc(100% - (100% - 1100px) / 2);
  margin-left: calc((100% - 1100px) / 2);
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
footer .__footer_width .__footer_address {
  width: 45%;
  padding: 5rem 0;
  display: flex;
  flex-flow: column;
  transition: 1s;
}
footer .__footer_width .__footer_address .__footer_logo {
  width: 100%;
  display: flex;
  align-items: center;
}
footer .__footer_width .__footer_address .__footer_logo .logo_img {
  width: 110px;
  height: auto;
}
footer .__footer_width .__footer_address .__footer_logo .logo_img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
footer .__footer_width .__footer_address .__footer_logo .logo_text {
  font-weight: 800;
  text-align: center;
  margin: 0 0 0 1.2rem;
}
footer .__footer_width .__footer_address .__footer_logo .logo_text span {
  font-size: 1.2rem;
}
footer .__footer_width .__footer_address .__footer_logo .logo_text p {
  font-size: 1.8rem;
  color: rgb(235, 109, 1);
}
footer .__footer_width .__footer_address address {
  width: 90%;
  margin: 3.6rem 0 0 0;
}
footer .__footer_width .__footer_address address ul {
  width: 100%;
}
footer .__footer_width .__footer_address address ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 0.6rem 0;
}
footer .__footer_width .__footer_address address ul li:last-child {
  margin: 0 0 0 0;
}
footer .__footer_width .__footer_address address ul li:last-child .address_title::before {
  width: calc(100% - 85px);
}
footer .__footer_width .__footer_address address ul li .address_title {
  width: 30%;
  position: relative;
}
footer .__footer_width .__footer_address address ul li .address_title::before {
  content: "";
  width: calc(100% - 45px);
  height: 0.5px;
  background-color: rgb(117, 76, 36);
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 0;
}
footer .__footer_width .__footer_address address ul li .address_title p {
  position: relative;
  z-index: 1;
}
footer .__footer_width .__footer_address address ul li .address_contents {
  width: calc(70% - 20px);
  margin: 0 0 0 20px;
}
footer .__footer_width .__footer_address address ul li .address_contents br {
  display: none;
}
footer .__footer_width .__footer_map {
  width: 55%;
  height: auto;
  transition: 1s;
}
footer .__footer_width nav {
  width: 1100px;
  border-top: solid 1px rgb(117, 76, 36);
  margin-top: 1.4rem;
  padding: 3.6rem 0;
  transition: 1s;
}
footer .__footer_width nav ul {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .__footer_width nav ul li {
  width: 14.2857142857%;
  border-right: solid 1px rgb(117, 76, 36);
  display: flex;
  align-items: center;
  font-weight: bold;
}
footer .__footer_width nav ul li a {
  width: 100%;
  display: block;
  padding: 0.6rem 0 0.6rem 0.6rem;
  text-align: center;
}
footer .__footer_width nav ul li:last-child {
  border-right: none;
}
footer .copyright {
  width: 100%;
  height: auto;
  padding: 1.6rem 0;
  background-color: rgb(117, 76, 36);
  color: rgb(255, 243, 218);
  font-size: 0.6rem;
  text-align: center;
  -moz-text-align-last: center;
       text-align-last: center;
}
footer .copyright .br {
  display: none;
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
  footer {
    background-color: rgba(255, 255, 255, 0.6);
    height: auto;
  }
  footer .__footer_width {
    width: 100%;
    margin-left: 0;
    flex-flow: wrap;
    flex-wrap: wrap;
  }
  footer .__footer_width .__footer_address {
    order: 3;
    width: 55%;
    margin-left: 5%;
    height: 350px;
    padding: 4.2rem 0 5rem;
    display: flex;
    flex-flow: column;
    transition: 1s;
  }
  footer .__footer_width .__footer_address address {
    margin: 1.6rem 0 0 0;
  }
  footer .__footer_width .__footer_address address .address_contents br {
    display: none;
  }
  footer .__footer_width .__footer_map {
    width: 100%;
    height: 350px;
    order: 1;
    transition: 1s;
  }
  footer .__footer_width nav {
    order: 3;
    width: 35%;
    margin: unset;
    margin-right: 5%;
    border-top: none;
    margin-top: 1.4rem;
    padding: 3.6rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: 1s;
  }
  footer .__footer_width nav::before {
    content: "メニュー";
    width: 100%;
    padding: 0 0 0.8rem 0;
    border-bottom: solid 1.5px rgb(117, 76, 36);
    text-align: left;
    font-weight: bold;
  }
  footer .__footer_width nav ul {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  footer .__footer_width nav ul li {
    width: 50%;
    border-right: none;
    display: flex;
    align-items: center;
    font-weight: bold;
  }
  footer .__footer_width nav ul li a {
    width: 100%;
    display: block;
    padding: 0.6rem 0 0.6rem 0.6rem;
    text-align: left;
  }
  footer .__footer_width nav ul li a::before {
    content: "●";
    margin: 0 10px 0 0;
    color: rgb(235, 109, 1);
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  footer {
    background-color: rgba(255, 255, 255, 0.6);
    height: auto;
  }
  footer .__footer_width {
    width: 100%;
    margin-left: 0;
    flex-flow: wrap;
    flex-wrap: wrap;
  }
  footer .__footer_width .__footer_address {
    order: 3;
    width: 52%;
    margin-left: 5%;
    height: 350px;
    padding: 4.2rem 0 5rem;
    display: flex;
    flex-flow: column;
    transition: 1s;
  }
  footer .__footer_width .__footer_address address {
    margin: 1.6rem 0 0 0;
  }
  footer .__footer_width .__footer_address address .address_contents br {
    display: block !important;
  }
  footer .__footer_width .__footer_map {
    width: 100%;
    height: 350px;
    order: 1;
    transition: 1s;
  }
  footer .__footer_width nav {
    order: 3;
    width: 38%;
    margin: unset;
    margin-right: 5%;
    border-top: none;
    margin-top: 1.4rem;
    padding: 3.6rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: 1s;
  }
  footer .__footer_width nav::before {
    content: "メニュー";
    width: 100%;
    padding: 0 0 0.8rem 0;
    border-bottom: solid 1.5px rgb(117, 76, 36);
    text-align: left;
    font-weight: bold;
  }
  footer .__footer_width nav ul {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  footer .__footer_width nav ul li {
    width: 50%;
    border-right: none;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 0.9rem;
  }
  footer .__footer_width nav ul li a {
    width: 100%;
    display: block;
    padding: 0.6rem 0 0.6rem 0.6rem;
    text-align: left;
  }
  footer .__footer_width nav ul li a::before {
    content: "●";
    margin: 0 10px 0 0;
    color: rgb(235, 109, 1);
  }
}
@media screen and (min-width: 481px) and (max-width: 767px) {
  footer {
    background-color: rgba(255, 255, 255, 0.6);
    height: auto;
  }
  footer .__footer_width {
    width: 100%;
    margin-left: 0;
    flex-flow: wrap;
    flex-wrap: wrap;
  }
  footer .__footer_width .__footer_address {
    order: 3;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: auto;
    padding: 4.2rem 0 0rem;
    display: flex;
    flex-flow: column;
    transition: 1s;
  }
  footer .__footer_width .__footer_address .__footer_logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_img {
    width: 90px;
    height: auto;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_text {
    font-weight: 800;
    text-align: center;
    margin: 0 0 0 1.2rem;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_text span {
    font-size: 1rem;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_text p {
    font-size: 1.6rem;
    color: rgb(235, 109, 1);
  }
  footer .__footer_width .__footer_address address {
    margin: 1.6rem 5% 0 5%;
  }
  footer .__footer_width .__footer_address address .address_contents br {
    display: block !important;
  }
  footer .__footer_width .__footer_map {
    width: 100%;
    height: 350px;
    order: 1;
    transition: 1s;
  }
  footer .__footer_width nav {
    order: 3;
    width: 90%;
    margin: unset;
    margin-right: 5%;
    margin-left: 5%;
    border-top: none;
    margin-top: 0;
    padding: 3.6rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: 1s;
  }
  footer .__footer_width nav::before {
    content: "メニュー";
    width: 100%;
    padding: 0 0 0.8rem 0;
    border-bottom: solid 1.5px rgb(117, 76, 36);
    text-align: left;
    font-weight: bold;
  }
  footer .__footer_width nav ul {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1.6rem;
  }
  footer .__footer_width nav ul li {
    width: 50%;
    border-right: none;
    display: flex;
    align-items: center;
    font-weight: bold;
  }
  footer .__footer_width nav ul li a {
    width: 100%;
    display: block;
    padding: 0.6rem 0 0.6rem 0.6rem;
    text-align: left;
  }
  footer .__footer_width nav ul li a::before {
    content: "●";
    margin: 0 10px 0 0;
    color: rgb(235, 109, 1);
  }
}
@media screen and (max-width: 480px) {
  footer {
    background-color: rgba(255, 255, 255, 0.6);
    height: auto;
  }
  footer .__footer_width {
    width: 100%;
    margin-left: 0;
    flex-flow: wrap;
    flex-wrap: wrap;
  }
  footer .__footer_width .__footer_address {
    order: 3;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    height: auto;
    padding: 4.2rem 0 0rem;
    display: flex;
    flex-flow: column;
    justify-content: center;
    transition: 1s;
  }
  footer .__footer_width .__footer_address .__footer_logo {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_img {
    width: 90px;
    height: auto;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_img img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_text {
    font-weight: 800;
    text-align: center;
    margin: 0 0 0 1.2rem;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_text span {
    font-size: 1rem;
  }
  footer .__footer_width .__footer_address .__footer_logo .logo_text p {
    font-size: 1.6rem;
    color: rgb(235, 109, 1);
  }
  footer .__footer_width .__footer_address address {
    margin: 1.6rem 0 0 0;
  }
  footer .__footer_width .__footer_address address .address_title {
    font-size: 0.9rem;
  }
  footer .__footer_width .__footer_address address .address_contents {
    font-size: 0.9rem;
  }
  footer .__footer_width .__footer_address address .address_contents br {
    display: block !important;
  }
  footer .__footer_width .__footer_map {
    width: 100%;
    height: 350px;
    order: 1;
    transition: 1s;
  }
  footer .__footer_width nav {
    order: 3;
    width: 90%;
    margin: unset;
    margin-right: 5%;
    margin-left: 5%;
    border-top: none;
    margin-top: 0;
    padding: 3.6rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: 1s;
  }
  footer .__footer_width nav::before {
    content: "メニュー";
    width: 100%;
    padding: 0 0 0.8rem 0;
    border-bottom: solid 1.5px rgb(117, 76, 36);
    text-align: left;
    font-weight: bold;
  }
  footer .__footer_width nav ul {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1.6rem;
  }
  footer .__footer_width nav ul li {
    width: 50%;
    border-right: none;
    display: flex;
    align-items: center;
    font-weight: bold;
  }
  footer .__footer_width nav ul li a {
    width: 100%;
    display: block;
    padding: 0.6rem 0 0.6rem 0.6rem;
    text-align: left;
  }
  footer .__footer_width nav ul li a::before {
    content: "●";
    margin: 0 10px 0 0;
    color: rgb(235, 109, 1);
  }
  .copyright {
    width: 100%;
    height: auto;
    padding: 1.6rem 0;
    background-color: rgb(117, 76, 36);
    color: rgb(255, 243, 218);
    font-size: 0.6rem;
    line-height: 1.2rem;
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
  }
  .copyright .br {
    display: block !important;
  }
}/*# sourceMappingURL=style.css.map */