:root {
  --color-orange: #ec6d34;
  --color-gray: #dcdddd;
  --color-black: #231815;
}

html {
  font-size: 62.5%;
}
body {
  font-family: "Helvetica Neue", "Helvetica", "Noto Sans JP", "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 0.9rem;
  line-height: 1.7;
  color: #231815;
  background: #fff;
  letter-spacing: 0.1em;
}
body {
  background-color: #000;
}
.ff_min {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3",
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝",
    "ＭＳ 明朝", serif;
}
.ff_go {
  font-family: "Helvetica Neue", "Helvetica", "Noto Sans JP", "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

a,
a:hover,
a:visited {
  color: #231815;
  text-decoration: none;
  transition: 0.7s;
}
a:hover {
  opacity: 0.7;
  transition: 0.5s;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.mt_0px {
  margin-top: 0 !important;
}
.mb_0px {
  margin-bottom: 0 !important;
}
.mb_40px {
  margin-bottom: 40px !important;
}
.pb_0px {
  padding-bottom: 0 !important;
}
.wrapper {
  width: 100%;
  /* height: 100%; */
  min-width: 1200px;
}
.header {
  width: 100%;
  height: 150px;
  background: rgba(0, 0, 0, 0);
  /* opacity: 0; */
  position: fixed;
  z-index: 999;
  top: 0;
}
.header .header_pc {
  position: relative;
  height: 0;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
}
.header .header_pc .header_logo_kiwamiya_box {
  display: block;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 210px;
}
.header .header_pc .header_logo_kiwamiya_box .header_ttl_main_image {
  /* position:absolute; */
  width: 210px;
  margin-bottom: 18px;
  opacity: 1;
}
.header .header_pc .header_logo_kiwamiya_box .header_logo_kiwamiya {
  width: 141px;
  margin-left: auto;
  margin-right: auto;
  opacity: 1;
}
.page_top .header .header_pc .header_logo_kiwamiya_box .header_ttl_main_image {
  opacity: 0;
}
.page_top .header .header_pc .header_logo_kiwamiya_box .header_logo_kiwamiya {
  opacity: 0;
}
.header .header_pc > ul {
  display: flex;
  justify-content: space-between;
}
.header .header_pc > ul > li > a {
  color: #fff;
}
.header .header_pc .header_menu_left {
  position: absolute;
  top: 96px;
  left: 0;
}
.header .header_pc .header_menu_right {
  position: absolute;
  top: 96px;
  right: 0;
}
.header .header_pc .header_menu_left > li {
  font-size: 1.3rem;
  margin-right: 60px;
}
.header .header_pc .header_menu_left > li::last-child {
  margin-right: 0;
}
.header .header_pc .header_menu_right > li {
  font-size: 1.3rem;
  margin-left: 48px;
}
.header .header_pc .header_menu_left > li::first-child {
  margin-left: 0;
}
.header .header_pc .change_lang {
  position: absolute;
  top: 89px;
  right: 0;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #fff;
  border-radius: 15px;
  font-size: 1.2rem;
  color: #fff;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
}
.header .header_pc .change_lang.jp {
  right: calc(-27px - 30px);
}
.header .header_pc .change_lang.en {
  right: calc(-27px - 30px - 38px);
}
.header .header_pc .change_lang.cn {
  right: calc(-27px - 30px - 38px - 38px);
}
.header .header_pc .change_lang.ko {
  right: calc(-27px - 30px - 38px - 38px - 38px);
}
.header.fixed {
  height: 150px;
  transition: 200ms linear 50ms;
}
.header.fixed .header_pc {
  padding-top: 150px;
  transition: 200ms linear 50ms;
}

.btn_follow {
  position: fixed;
  top: -200px;
  right: calc(100 / 1920 * 100%);
  width: 149px;
  display: block;
  z-index: 999;
}
.btn_yoyaku {
  position: fixed;
  top: -200px;
  right: calc(100 / 1920 * 100%);
  width: 142px;
  display: block;
  z-index: 999;
}
/* .mt_header {
  padding-top: 100px;
}
.mb_header_adjust {
  margin-bottom: 100px;
} */
.wrapper_inner {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.main_image_bg {
  /* width: 100%;
  height: 1896px;
  background-image: url(../img/main_image_bg.jpg);
  background-position: 50% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-color: #000; */

  position: relative;
  height: 1850px;
  overflow: hidden;
  background-color: #000;
}
.main_image_bg .main_image_pic {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  opacity: 0;
}
.main_image_bg .main_image_yuge {
  position: absolute;
  top: -400px;
  left: 50%;
  transform: translateX(-50%);
  width: 2480px;
  mix-blend-mode: screen;
  /* opacity: 0; */
}
.main_image_bg .main_image_yuge.upper {
  top: -500px;
  /* @keyframes duration | easing-function | delay | name */
  animation: 12s ease-in 1.5s infinite bounce_top_01;
}
.main_image_bg .main_image_yuge.right {
  top: -500px;
  /* @keyframes duration | easing-function | delay | name */
  animation: 15s ease-in 0s infinite bounce_top_02;
}
.main_image_bg .main_image_yuge.left {
  top: -500px;
  /* @keyframes duration | easing-function | delay | name */
  animation: 15s ease-in 0.3s infinite bounce_top_03;
}
@keyframes bounce_top_01 {
  0% {
    top: -400px;
    transform: scale(1, 1) translateX(-50%);
  }
  50% {
    transform: scale(1.05, 1.05) translateX(-50%);
    top: -450px;
  }
  100% {
    top: -400px;
    transform: scale(1, 1) translateX(-50%);
  }
}
@keyframes bounce_top_02 {
  0% {
    top: -400px;
    transform: scale(1, 1) translateX(-50%);
  }
  50% {
    transform: scale(1.05, 1.05) translateX(-50%);
    top: -420px;
  }
  100% {
    top: -400px;
    transform: scale(1, 1) translateX(-50%);
  }
}
@keyframes bounce_top_03 {
  0% {
    top: -400px;
    transform: scale(1, 1) translateX(-50%);
  }
  50% {
    transform: scale(1.05, 1.05) translateX(-50%);
    top: -410px;
  }
  100% {
    top: -400px;
    transform: scale(1, 1) translateX(-50%);
  }
}
@keyframes yuge_anima_01 {
  0% {
    filter: blur(2px);
    top: -400px;
    transform: scale(1, 1) translateX(-50%);
    opacity: 0.2;
  }
  6% {
    opacity: 0.25;
  }
  33% {
    opacity: 0.9;
  }
  66% {
    opacity: 1;
  }
  100% {
    filter: blur(2px);
    top: -450px;
    opacity: 0;
    transform: scale(1.1, 1.1) translateX(-45%);
  }
}
@keyframes yuge_anima_02 {
  0% {
    filter: blur(2px);
    top: -400px;
    transform: scale(1, 1) translateX(-50%);
    opacity: 0.1;
  }
  6% {
    opacity: 0.15;
  }
  33% {
    opacity: 0.9;
  }
  66% {
    opacity: 1;
  }
  100% {
    filter: blur(2px);
    top: -420px;
    opacity: 0.1;
    transform: scale(1.1, 1.1) translateX(-45%);
  }
}
@keyframes yuge_anima_03 {
  0% {
    filter: blur(2px);
    top: -400px;
    transform: scale(1, 1) translateX(-50%);
    opacity: 0.1;
  }
  6% {
    opacity: 0.15;
  }
  33% {
    opacity: 0.9;
  }
  66% {
    opacity: 1;
  }
  100% {
    filter: blur(2px);
    top: -410px;
    opacity: 0.1;
    transform: scale(1.1, 1.1) translateX(-50%);
  }
}

.main_image {
  position: relative;
  padding-top: 1666px;
  overflow: hidden;

  /* width: 0;
  padding-top: 1896px; */
}
.main_image .ttl_main_image {
  position: absolute;
  top: 176px;
  left: 50%;
  /* transform: translateX(-50%) translateY(20px); */
  transform: translateX(-50%);
  width: 444px;
}
.main_image .logo_kiwamiya {
  position: absolute;
  top: 803px;
  left: 50%;
  /* transform: translateX(-50%) translateY(20px); */
  transform: translateX(-50%);
  width: 431px;
}
.main_image .main_image_copy {
  position: absolute;

  width: 100%;
  font-size: 2.5rem;
  line-height: 1.84;
  letter-spacing: 0.1rem;
  text-align: center;
  color: #fff;
  /* left: 50%;
  transform: translateX(-50%);
  width: 517px; */
}
.main_image .main_image_copy.upper {
  top: 1087px;
}
.main_image .main_image_copy.middle {
  top: calc(1087px + 50px);
}
.main_image .main_image_copy.down {
  top: calc(1087px + 50px + 50px);
}
/*bound text animetions*/
@keyframes showTextFromBottom {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes showTextFromBottomSlow {
  0% {
    transform: translateY(100%);
  }
  95% {
    transform: translateY(5%);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes showUnderLine {
  0% {
    background-size: 0% 1px;
  }
  99% {
    background-size: 0% 1px;
  }
  100% {
    background-size: 100% 1px;
  }
}

@keyframes showTextFadeIn {
  0% {
    opacity: 0;
  }
  /* 66.6% {
    opacity: 0.5;
  } */
  100% {
    opacity: 1;
  }
}
.anime-up.displayed span {
  animation: showText 1s backwards;
  display: inline-block;
}
.anime-up.displayed > span {
  overflow: hidden;

}
.anime-up.displayed > span > span {
    animation: showTextFromBottom 0.8s backwards;
}
.anime-up-slow.displayed span {
  /* animation: showText 1s backwards; */
  display: inline-block;
  letter-spacing: 0;
}
.halal_mv_catch_copy.anime-up-slow.displayed > span{
  overflow: hidden;
}
.halal_mv_catch_copy.anime-up-slow.displayed > span > span {
    animation: showTextFromBottomSlow 0.8s backwards;
}
.kodawatta_copy.anime-up.displayed > span > span {
animation: showTextFromBottom 0.8s backwards, showUnderLine 0.8s backwards;
    padding-bottom: 6px;
    background: linear-gradient(#fff, #fff) 0 100% / 100% 1px no-repeat;
    text-decoration: none;
}
.anime-up-pic {
  opacity: 0;
}
.anime-up-pic.displayed {
  opacity: 1;
}
.anime-up-pic.displayed div {
  animation: showText 1s backwards;
  display: inline-block;
}
.anime-up-pic.displayed > div {
  overflow: hidden;
}
.anime-up-pic.displayed > div > div {
  animation: showTextFromBottom 0.5s backwards;
}
.anime-fadein-pic {
  /* opacity: 0; */
}
.anime-fadein-pic.displayed {
  /* opacity: 1; */
}
.anime-fadein-pic.displayed > div {
  /* overflow: hidden; */
}
.anime-fadein-pic > div > div {
  opacity: 0;
}
.anime-fadein-pic.displayed > div > div {
  animation: showTextFadeIn 1s forwards;
}

.main_image .main_image_pic_01 {
  position: absolute;
  width: 530px;
  height: 290px;
  top: 1375px;
}
.main_image .main_image_pic_01_copy {
  position: absolute;
  top: 1424px;
  right: 0;
  width: 595px;
  font-size: 1.7rem;
  text-align: justify;
  line-height: 1.76;
  color: #fff;
}

/* news */
.news {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 116px;
}
.news .ttl_news_box {
  width: 100%;
  padding-bottom: 43px;
  border-bottom: solid 1px #fff;
  margin-bottom: 115px;
}
.news .ttl_news_box .ttl_news {
  width: 127px;
  margin-left: auto;
  margin-right: auto;
}
.news .news_items {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  color: #fff;
}
.news .news_items .news_pic {
  width: 280px;
  height: 200px;
  display: block;
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
}
.news .news_items .news_con {
  width: 650px;
}
.news .news_items .news_con .news_date {
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 18px;
}
.news .news_items .news_con .news_ttl {
  font-size: 2rem;
  line-height: 1;
  padding-bottom: 22px;
  border-bottom: solid 1px #fff;
  margin-bottom: 22px;
}
.news .news_items .news_con .news_leader {
  font-size: 1.59rem;
  line-height: 1.66;
  /* text-align: justify; */
}
.news .btn_news_more {
  margin-top: 104px;
  margin-left: auto;
  margin-right: auto;
  width: 203px;
  height: 34px;
  background-color: #c9bc9c;
  border-radius: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;
}
.news .btn_news_more .btn_news_more_moji {
  font-size: 1.7rem;
  color: #231815;
  line-height: 1;
  height: 1.5rem;
}
.news .btn_news_more:hover {
  background-color: #000;
  border: solid 1px #c9bc9c;
}
.news .btn_news_more:hover .btn_news_more_moji {
  color: #c9bc9c;
}
/* END news */

/* safety  */
.safety_bg {
  height: 500px;
  overflow: hidden;
  /* position: relative;
  width: 100%;
  height: 500px; */
  background-color: #fff;
  /* background-attachment: fixed;
  background-image: url(../img_top/safety_bg.png);
  background-position: 0 50%;
  background-size: auto 50%;
  background-repeat: no-repeat;
  background-color: #c9bc9c; */
}
.safety_bg .safety_bg_rel {
  position: relative;
  width: 100%;
  height: 100%;
  /* padding: 100%; */
  /* background-attachment: fixed;

  background-image: url(../img_top/safety_dummy_bg.png);
  background-image: url(../img_top/hamburger_pic.png);
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */
}
.safety_bg .safety_pic {
  position: absolute;
  top: 0;
  width: 960px;
  right: 50%;
}
.safety_bg .safety_box {
  position: absolute;
  width: 484px;
  top: 85px;
  left: calc(50% + 75px);
}
.safety_bg .safety_box .ttl_safety {
  font-size: 2.8rem;
  margin-bottom: 68px;
}
.safety_bg .safety_box .safety_con {
  font-size: 1.7rem;
  line-height: 1.65;
  text-align: justify;
  margin-bottom: 72px;
}
.safety_bg .safety_box .btn_kuwashikuha {
  margin-left: auto;
  margin-right: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 217px;
  padding-left: 25px;
  padding-right: 25px;
  height: 45px;
  border: solid 1px var(--color-black);
  border-radius: 25px;
  position: relative;
  overflow: hidden;
  transition: 0.25s;
}
.safety_bg .safety_box .btn_kuwashikuha:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  transform: translateX(-100%);
  transition: 0.25s;
  z-index: -1;
}
.safety_bg .safety_box .btn_kuwashikuha:hover {
  color: #fff;
  background: none;
  opacity: 0.99;
}
.safety_bg .safety_box .btn_kuwashikuha:hover:before {
  transform: translateX(0);
}

.safety_bg .safety_box .btn_kuwashikuha .kuwashikuha_moji {
  font-size: 1.7rem;
  line-height: 1;
}
.safety_bg .safety_box .btn_kuwashikuha .kuwashikuha_arrow {
  width: 32px;
  /* svgの色変換はfilter 下記は#fff */
  /* filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(242deg) brightness(119%) contrast(100%); */
}
.safety_bg .safety_box .btn_kuwashikuha:hover .kuwashikuha_arrow {
  /* svgの色変換はfilter 下記は#fff */
  filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(242deg) brightness(119%)
    contrast(100%);
}

/* END safety */

/* tenpo */

.tenpo_bg {
  width: 100%;
  height: 1690px;
  background-image: url(../img/tenpo_bg.jpg);
  background-position: 50% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-color: #000;

  position: relative;
  overflow: hidden;
}
.tenpo_bg .yuge_02_left {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 2265px;
  opacity: 1;
  mix-blend-mode: screen;
  /* @keyframes duration | easing-function | delay | name */
  animation: 4s ease-in 0s infinite yuge_anima_04;
}
.tenpo_bg .yuge_02_right {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 2265px;
  opacity: 1;
  mix-blend-mode: screen;
  /* @keyframes duration | easing-function | delay | name */
  animation: 4s ease-in 0.6s infinite yuge_anima_05;
}
@keyframes yuge_anima_04 {
  0% {
    filter: blur(2px);
    top: 100px;
    transform: scale(1, 1) translateX(-50%);
    opacity: 0.1;
  }
  6% {
    opacity: 0.15;
  }
  33% {
    opacity: 0.9;
  }
  66% {
    opacity: 1;
  }
  100% {
    filter: blur(2px);
    top: 0;
    opacity: 0.1;
    transform: scale(1.05, 1.05) translateX(-50%);
  }
}
@keyframes yuge_anima_05 {
  0% {
    filter: blur(2px);
    top: 30px;
    transform: scale(1, 1) translateX(-50%);
    opacity: 0.1;
  }
  6% {
    opacity: 0.15;
  }
  33% {
    opacity: 0.9;
  }
  66% {
    opacity: 1;
  }
  100% {
    filter: blur(2px);
    top: -10px;
    opacity: 0.1;
    transform: scale(1.1, 1.1) translateX(-45%);
  }
}
.tenpo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.tenpo .ttl_tenpo {
  padding-top: 140px;
  width: 280px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 126px;
}
.tenpo .tenpo_items {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 66px;
}
.tenpo .tenpo_items .tenpo_item {
  width: 380px;
}
.tenpo .tenpo_items .tenpo_item .tenpo_icon {
  width: 380px;
  position: relative;
  height: 380px;
  margin-bottom: 64px;
}
.tenpo .tenpo_items .tenpo_item .tenpo_icon .tenpo_hamburger {
  position: absolute;
  width: 325px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.tenpo .tenpo_items .tenpo_item .tenpo_icon .tenpo_yakiniku {
  position: absolute;
  width: 214px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.tenpo .tenpo_items .tenpo_item .tenpo_icon .tenpo_motsu {
  position: absolute;
  width: 228px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.tenpo .tenpo_items .tenpo_item .tenpo_pic {
  display: block;
  width: 380px;
  height: 680px;
  overflow: hidden;
}
.tenpo .tenpo_items .tenpo_item .tenpo_pic:hover {
  opacity: 1;
}
.tenpo .tenpo_items .tenpo_item .tenpo_pic > img {
  transition: 1s all;
}
.tenpo .tenpo_items .tenpo_item .tenpo_pic:hover > img {
  transform: scale(1.1, 1.1);
  /* transition: 1s all; */
}
.vartical_dot {
  width: 10px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-flow: column;
  justify-content: start;
}
.vartical_dot .dot_10px {
  display: block;
  margin-bottom: 28px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #c9bc9c;
}
/* END tenpo */
/* shop_list */
.shop_list_bg {
  width: 100%;
  background-color: #fff;
}
.shop_list .ttl_shop_list {
  padding-top: 130px;
  width: 146px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 86px;
}
.shop_list .shop_list_items {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 141px;
}
.shop_list .shop_list_items .shop_list_item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 92px;
  border-top: solid 2px #c9bc9c;
  border-bottom: solid 2px #c9bc9c;
    margin-bottom: 100px;
}
.shop_list .shop_list_items .shop_list_item:last-child {
  border-bottom: solid 2px #c9bc9c;
    margin-bottom: 0;
}
.shop_list .shop_list_items .shop_list_item .erea_name {
  font-size: 3.8rem;
  line-height: 1;
  display: flex;
  align-items: center;
}
.shop_list .shop_list_items .shop_list_item .erea_name .fs_s {
  font-size: 2.5rem;
  vertical-align: middle;
}
.shop_list .shop_list_items .shop_list_item:hover {
  opacity: 1;
  background-color: #c9bc9c;
  color: #fff;
}
/* END shop_list */

/* hamburger_bg */
.hamburger_bg {
    position: relative; /* 追加 */
  width: 100%;
  height: 1000px;
  overflow: hidden;
}
.hamburger_bg .hamburger_pic {
    position: absolute; /* 変更 */
  top: 0%;
  left: 0;
  width: 100%;
  height: 200%; /* コンテナより縦長にして移動余地を作る */
  background-image: url(../img_top/hamburger_pic.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  will-change: transform;        /* GPUレイヤー化のヒント */
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
/* アクセシビリティ：モーション低減設定への配慮 */
@media (prefers-reduced-motion: reduce) {
.hamburger_bg .hamburger_pic {
    transform: none !important;
  }
}
/* END hamburger_bg */
/* secret */
.secret_bg {
  width: 100%;
height: calc(1683px + 365px);
  /* background-image: url(../img/secret_bg.png);
  background-position: 50% 50%;
  background-size: auto 100%;
  background-repeat: no-repeat; */
  background-color: #000;
}
.secret_bg .secret {
  position: relative;
  height: 100%;
}
.secret .ttl_secret_of_kiwamiya {
  position: absolute;
  top: 176px;
  width: 439px;
  left: 412px;
}
.secret .secret_copy_pic {
  position: absolute;
  width: 859px;
  top: 254px;
  left: 206px;
}
.secret .secret_copy {
  position: absolute;
  top: 715px;
  width: 395px;
  left: 412px;
}
.secret .secret_items {
  position: absolute;
  width: 1120px;
  top: 854px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
}
.secret .secret_items .secret_item {
  width: 350px;
}
.secret .secret_items .secret_item > h4 {
  font-size: 2.5rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 22px;
  color: #fff;
}
.secret .secret_items .secret_item > p {
    font-size: calc(1.7rem * 0.83);
    line-height: 1.8;
  text-align: justify;
  margin-bottom: 22px;
  color: #fff;
  height: 188px;
}
.secret .secret_items .secret_item .secret_pic {
  width: 100%;
  height: 200px;
}

.secret .secret_copy_kodawatta {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 2.8rem;
  line-height: 1.64;
bottom: calc(160px + 365px - 40px);
}
  .secret .btn_to_history{
  position: absolute;
  left:50%;
  transform:translateX(-50%);
    bottom: 225px;
display: flex;
  justify-content: center;
  align-items: center;
  width: 1200px;
  height: 120px;
  background-color: #c9bc9c;
  }
    .secret .btn_to_history .btn_ttl_kiwamiya_history{
width: 481px;
      padding-top:5px;
    }
/* END secret */

/* shop */
.shop_bg {
  width: 100%;
  background-color: #fff;
  overflow: hidden;
}
.shop_bg .shop {
  padding-bottom: 110px;
}
.shop_bg .shop .ttl_online_shop_block {
  padding-top: 110px;
  width: 420px;
  margin-left: auto;
  margin-right: auto;
  border-bottom: solid 1px #000;
  margin-bottom: 78px;
}
.shop_bg .shop .ttl_online_shop_block .ttl_online_shop_copy {
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
  margin-bottom: 26px;
}
.shop_bg .shop .ttl_online_shop_block .ttl_online_shop {
  width: 383px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18px;
}
.shop_bg .shop .online_shop_items {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.shop_bg .shop .online_shop_items .online_shop_item {
  display: block;
  width: 370px;
}
.shop_bg .shop .online_shop_items .online_shop_item .online_shop_pic {
  width: 100%;
  height: 265px;
  border: solid 1px #000;
  margin-bottom: 22px;
}
.shop_bg .shop .online_shop_items .online_shop_item .name_price {
  display: flex;
  justify-content: space-between;
  margin-left: 10px;
  margin-right: 10px;
}
.shop_bg .shop .online_shop_items .online_shop_item .name_price .name {
  font-size: 2.4rem;
}
.shop_bg .shop .online_shop_items .online_shop_item .name_price .price {
  font-size: 2.6rem;
}
.shop_bg .shop .btn_online_shop {
  margin-top: 90px;
  width: 367px;
  margin-left: auto;
  margin-right: auto;
  height: 63px;
  border-radius: 33px;
  background-color: #cf000e;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shop_bg .shop .btn_online_shop .btn_online_shop_ttl {
  width: 310px;
  height: 52px;
}

/* END shop */

/* footer */
.btn_top {
  display: block;
  width: calc(76px * 0.8);
  margin-top: 74px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 118px;
}

.footer {
  width: 100%;
  min-width: 1200px;
}

.footer .footer_inner {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 54px;
}
.footer_upper {
  width: 100%;
  margin-bottom: 88px;
  display: flex;
  justify-content: space-between;
}
.footer_upper .logo_kiwamiya {
  width: 200px;
}
.footer_upper .link_box {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 200px 220px 103px;
  grid-template-rows: 35px 24px;
  color: #fff;
}
.footer_upper .link_box > a {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
}
.footer_upper .btn_to_otoiawase {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 162px;
  height: 36px;
  border: solid 1px #fff;
  border-radius: 18px;
  color: #fff;
}
.footer_upper .btn_to_otoiawase .btn_to_otoiawase_moji {
  font-size: 1.7rem;
}
.footer_lower {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 84px;
}
.footer_lower .copyright_line {
  font-size: 1.4rem;
  letter-spacing: 0.4rem;
  color: #fff;
}
.footer_lower .copyright_line .copyright {
  margin-right: 40px;
}
.footer_lower .company_link > a {
  color: #fff;
}
.footer_lower .sns_links {
  display: flex;
}
.footer_lower .sns_links > a {
  display: block;
}
.footer_lower .sns_links .icon_youtube {
  width: 44px;
  margin-right: 29px;
}
.footer_lower .sns_links .icon_twitter {
  width: 30px;
  margin-right: 28px;
}
.footer_lower .sns_links .icon_insta {
  width: 32px;
}
/* END footer */

/* Sopify link */
.shopify-buy__product .shopify-buy__product-img-wrapper {
    padding-top: calc(75% + 15px);
    position: relative;
    height: 0;
    border: solid 1px #333!important;
    margin-bottom: 8px!important;
}
/* END Sopify link */

/* topページ in-view fade-In */
.js-fadeUp_005 {
  opacity: 0; /* 最初は非表示 */
  transition: opacity 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_005.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transition-delay: 1.0s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_01 {
  opacity: 0; /* 最初は非表示 */
  transition: opacity 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_01.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transition-delay: 1.5s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_02 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(20px); 下に30pxの位置から */
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_02.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translateX(-50%) translateY(0); 30px上に移動する */
  transition-delay: 1.5s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_03 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(20px); */
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_03.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translateX(-50%) translateY(0); */
  transition-delay: 2.1s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_04 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(-200px); 下に30pxの位置から */
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_04.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translate(-50%, 0); 30px上に移動する */
  transition-delay: 2.7s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_05 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(-200px); 下に30pxの位置から */
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_05.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translate(-50%, 0); 30px上に移動する */
  transition-delay: 3.5s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_06 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(-200px); 下に30pxの位置から */
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_06.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translate(-50%, 0); 30px上に移動する */
  transition-delay: 6s; /* フェード開始を0.5秒遅らせる */
}

.js-fadeUp_tenpo_01 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(-200px); 下に30pxの位置から */
  transition: opacity 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_tenpo_01.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translate(-50%, 0); 30px上に移動する */
  transition-delay: 0.5s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_tenpo_02 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(-200px); 下に30pxの位置から */
  transition: opacity 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_tenpo_02.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translate(-50%, 0); 30px上に移動する */
  transition-delay: 1.3s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_tenpo_03 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(-200px); 下に30pxの位置から */
  transition: opacity 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_tenpo_03.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translate(-50%, 0); 30px上に移動する */
  transition-delay: 2.1s; /* フェード開始を0.5秒遅らせる */
}

.js-fadeUp_secret_01 {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(20px);
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_secret_01.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0);
  transition-delay: 0.5s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_secret_02 {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(20px);
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_secret_02.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0);
  transition-delay: 1s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_secret_03 {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(20px);
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_secret_03.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0);
  transition-delay: 1.5s; /* フェード開始を0.5秒遅らせる */
}
.js-fadeUp_secret_04 {
  opacity: 0; /* 最初は非表示 */
  transform: translateY(20px);
  transition: opacity 0.8s, transform 0.8s; /* 透過率と縦方向の移動を0.8秒 */
}
.js-fadeUp_secret_04.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transform: translateY(0);
  transition-delay: 2.0s; /* フェード開始を0.5秒遅らせる */
}


/* page_b_hamburger */
.page_b_hamburger .main_image_bg {
  height: 1780px;
}
.page_b_hamburger .main_image_bg .main_image_yuge {
  position: absolute;
  top: -600px;
  left: 50%;
  transform: translateX(-50%);
  width: 1988px;
  mix-blend-mode: screen;
  /* opacity: 0; */
}
.page_b_hamburger .main_image_bg .main_image_yuge.right {
  top: -600px;
  /* @keyframes duration | easing-function | delay | name */
  animation: 12s ease-in 0s infinite bounce_01;
}
.page_b_hamburger .main_image_bg .main_image_yuge.left {
  top: -600px;
  /* @keyframes duration | easing-function | delay | name */
  animation: 12s ease-in 0.5s infinite bounce_02;
}
@keyframes bounce_01 {
  0% {
    /* transform: scale(1);
    -webkit-transform: scale(1); */
    transform: scale(1, 1) translateX(-50%);
  }
  50% {
    /* transform: scale(1.1);
    -webkit-transform: scale(1.1); */
    transform: scale(1.05, 1.05) translateX(-48%);
  }
}
@keyframes bounce_02 {
  0% {
    /* transform: scale(1);
    -webkit-transform: scale(1); */
    transform: scale(1, 1) translateX(-50%);
  }
  50% {
    /* transform: scale(1.1);
    -webkit-transform: scale(1.1); */
    transform: scale(1.02, 1.02) translateX(-52%);
  }
}
@keyframes yuge_anima_ham_01 {
  0% {
    filter: blur(2px);
    /* top: -400px; */
    transform: scale(1, 1) translateX(-50%);
    opacity: 0.1;
  }
  6% {
    opacity: 0.15;
  }
  33% {
    opacity: 0.9;
  }
  66% {
    opacity: 1;
  }
  100% {
    filter: blur(2px);
    /* top: -420px; */
    opacity: 0.1;
    transform: scale(1, 1) translateX(-48%);
  }
}

@keyframes yuge_anima_ham_02 {
  0% {
    filter: blur(2px);
    /* top: -400px; */
    transform: scale(1, 1) translateX(-50%);
    opacity: 0.1;
  }
  6% {
    opacity: 0.15;
  }
  33% {
    opacity: 0.9;
  }
  66% {
    opacity: 1;
  }
  100% {
    filter: blur(2px);
    /* top: -410px; */
    opacity: 0.1;
    transform: scale(1, 1) translateX(-53%);
  }
}
.page_b_hamburger .main_image_bg .mv_copy {
  position: absolute;
  top: 214px;
  width: 1040px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.7rem;
  letter-spacing: 0.1rem;
  line-height: 1.7;
  color: #fff;
}
.page_b_hamburger .main_image_bg .mv_catch_items {
  position: absolute;
  top: 897px;
  width: 1037px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  /* overflow: hidden; */
}
/* .page_b_hamburger .main_image_bg .mv_catch_items .mv_catch_item > div {
  transform: translateY(100%);
} */
.page_b_hamburger .main_image_bg .mv_sub_con {
  position: absolute;
  width: 1200px;
  top: 1186px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
}
.page_b_hamburger .main_image_bg .mv_sub_con .mv_pic_01 {
  width: 650px;
}
.page_b_hamburger .main_image_bg .mv_sub_con .mv_pic_01_copy {
  width: calc(100% - 650px - 80px);
  padding-top: 37px;
  font-size: 1.7rem;
  letter-spacing: 0.1rem;
  line-height: 1.64;
  color: #fff;
}
.page_b_hamburger .ham_pic_01_bg {
    position: relative; /* 追加 */
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.page_b_hamburger .ham_pic_01_bg .ham_pic_01 {
    position: absolute; /* 変更 */
  top: 0%;
  left: 0;
  width: 100%;
  height: 200%; /* コンテナより縦長にして移動余地を作る */
  background-image: url(../img_b_ham/ham_pic_01.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  will-change: transform;        /* GPUレイヤー化のヒント */
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
/* アクセシビリティ：モーション低減設定への配慮 */
@media (prefers-reduced-motion: reduce) {
.page_b_hamburger .ham_pic_01_bg .ham_pic_01 {
    transform: none !important;
  }
}
.page_b_hamburger .ham_detail_bg .ham_detail {
  color: #fff;
}
.page_b_hamburger .ham_detail_bg .ham_detail .ttl_kokusangyu {
  padding-top: 201px;
  font-size: 6rem;
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 29px;
}
.page_b_hamburger .ham_detail_bg .ham_detail .ttl_kokusangyu_sub {
  font-size: 3rem;
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 124px;
}
.page_b_hamburger .ham_pic_02_block {
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
}
.page_b_hamburger .ham_pic_02_block .ham_pic_02 {
  position: absolute;
  width: 1920px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.page_b_hamburger .ham_detail_bg .ham_detail .yakikata_no {
  padding-top: 77px;
  margin-bottom: 124px;
  font-size: 3.2rem;
  line-height: 2.18;
  letter-spacing: 0.1em;
  text-align: center;
}
.page_b_hamburger .ham_detail_bg .ham_detail .touten_no {
  margin-bottom: 88px;
  font-size: 3.0rem;
  line-height: 1;
  letter-spacing: 0.1em;
  text-align: center;
}
.page_b_hamburger .ham_detail_bg .ham_detail .yaki_style_items {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 160px;
  display: flex;
  justify-content: space-between;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_items
  .yaki_style_item {
  position: absolute;
  top: 3px;
  width: 480px;
  height: 160px;
  background-color: #000;
  border: solid 3px #fff;
  border-bottom: solid 3px #fff;
  border-radius: 6px 6px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding:15px;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_items
  .yaki_style_item:hover{
    cursor:pointer;
  }
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_items
  .yaki_style_item.current {
  border-bottom: unset;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_items
  .yaki_style_item .stone_ttl_block{
    width:calc(100% - 190px);
        display: flex;
    justify-content: center;
    align-items: center;
  }
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_items
  .yaki_style_item
  .stone_ttl {
  font-size: 3.5rem;
  line-height: 1.14;
  text-align: center;
  opacity:0.5;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_items
  .yaki_style_item.current .stone_ttl{
    opacity:1.0;
  }
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_items
  .yaki_style_item
  .stone_ttl
  .under_stone {
  font-size: 2.2rem;
   vertical-align: 10px;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_items
  .yaki_style_item .stone_ttl_pic{
    width:190px;
    opacity:0.5;
  }
  .page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_items
  .yaki_style_item.current .stone_ttl_pic{
    opacity:1.0;
  }
.page_b_hamburger .ham_detail_bg .ham_detail .yaki_style_box {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  border: solid 3px #fff;
  padding-top: 85px;
  padding-left: 85px;
  padding-right: 85px;
  padding-bottom: 62px;
  display: none;
}
.page_b_hamburger .ham_detail_bg .ham_detail .yaki_style_box.current {
  display: block;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_box
  .yaki_style_box_ttl {
  font-size: 1.5rem;
  line-height: 1.75;
  text-aling: justify;
  margin-bottom: 40px;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_box
  .tenpo_de_kotonaru {
  font-size: 2.6rem;
  text-align: center;
  margin-bottom: 42px;
}
.page_b_hamburger .ham_detail_bg .ham_detail .yaki_style_box .tenpo_yaki_items {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_box
  .tenpo_yaki_items
  .tenpo_yaki_item {
  width: 290px;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_box
  .tenpo_yaki_items
  .tenpo_yaki_item
  .tenpo_yaki_item_pic {
  margin-bottom: 18px;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_box
  .tenpo_yaki_items
  .tenpo_yaki_item
  .tenpo_yaki_ttl {
  font-size: 2.6rem;
  text-align: center;
  letter-spacing: 0.2em;
  line-height: 1;
  /* padding-bottom: 22px; */
  /* border-bottom: solid 1px #fff; */
  margin-bottom: 20px;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_box
  .tenpo_yaki_items
  .tenpo_yaki_item
  .tenpo_yaki_comment{
    font-size:1.45rem;
    line-height:1.73;
    text-align:justify;
      padding-bottom: 22px;
  border-bottom: solid 1px #fff;
  margin-bottom: 20px;
  }
.page_b_hamburger .ham_detail_bg .ham_detail .yaki_style_box .apply_tenpos {
  width: 100%;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_box
  .apply_tenpos
  .apply_tenpo {
  height: 28px;
  display: inline-block;
  border-radius: 6px;
  background: #cf000e;
  color: #fff;
  padding-left: 9px;
  padding-right: 9px;
  margin-right: 12px;
  margin-bottom: 8px;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_box
  .apply_tenpos
  .apply_tenpo
  .tenpo_name {
  padding-top: 2px;
  font-size: 1.5rem;
  display: block;
    color: #fff;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_box
  .tenpo_teppan_items {
  display: flex;
  justify-content: space-between;
}
.page_b_hamburger
  .ham_detail_bg
  .ham_detail
  .yaki_style_box
  .tenpo_teppan_items
  .tenpo_teppan_l {
  width: 320px;
}
.ham_detail_bg
  .ham_detail
  .yaki_style_box
  .tenpo_teppan_items
  .tenpo_teppan_l
  .teppan_ttl {
  font-size: 1.5rem;
  line-height: 1.73;
  text-align: justify;
  padding-bottom: 12px;
  border-bottom: solid 1px #fff;
  margin-bottom: 20px;
}
.ham_detail_bg .ham_detail .yaki_style_box .tenpo_teppan_items .tenpo_teppan_r {
  width: 550px;
}
.ham_detail_bg .ham_detail .tenpo_ni_yotte {
  padding-top: 57px;
  margin-bottom: 165px;
  font-size: 2.2rem;
  line-height: 1;
  text-align: center;
}
/* yaki_style_item 枠線描画アニメ */
/* 擬似要素の共通スタイル */
/* .yaki_style_item::after,
.yaki_style_item::before,
.yaki_style_item div::after,
.yaki_style_item div::before {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  z-index: 10;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
} */

/* 左上へ配置 */
/* .yaki_style_item::after {
  width: 0px;
  height: 3px;
  top: -1px;
  left: -1px;
  transition-delay: 0.9s;
} */
/* 右下へ配置 */
/* .yaki_style_item::before {
  width: 0px;
  height: 3px;
  right: -1px;
  bottom: -1px;
} */
/* 左下へ配置 */
/* .yaki_style_item div::after {
  width: 3px;
  height: 0px;
  left: -1px;
  bottom: -1px;
} */
/* 右上へ配置 */
/* .yaki_style_item div::before {
  width: 3px;
  height: 0px;
  top: -1px;
  right: -1px;
} */
/* .yaki_style_item.first div::before {
  transition-delay: 0s;
}
.yaki_style_item.first::before {
  transition-delay: 0.3s;
}
.yaki_style_item.first div::after {
  transition-delay: 0.6s;
}
.yaki_style_item.first::after {
  transition-delay: 0.9s;
}
.yaki_style_item.second div::before {
  transition-delay: 1.2s;
}
.yaki_style_item.second::before {
  transition-delay: 1.5s;
}
.yaki_style_item.second div::after {
  transition-delay: 1.8s;
}
.yaki_style_item.second::after {
  transition-delay: 2.1s;
} */

/* is-inview */
.yaki_style_item.is-inview::after,
.yaki_style_item.is-inview::before {
  /* width: 100%;
  width: calc(100% + 1px); */
  /* transition-delay: 1.3s; */
}

.yaki_style_item.is-inview div::after,
.yaki_style_item.is-inview div::before {
  /* height: 100%;
  height: calc(100% + 1px); */
  /* transition-delay: 1.3s; */
}

/* END yaki_style_item 枠線描画アニメ */
.page_b_hamburger .ham_detail_bg .ham_detail .tabekata_niha {
  font-size: 2.4rem;
  line-height: 2;
  text-align: center;
  letter-spacing: 0.1em;
  margin-bottom: 105px;
}
.ham_detail .tabe_block {
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 100px;
}
.ham_detail .tabe_block .tabe_left {
  width: calc(100% - 95px);
}
.ham_detail .tabe_block .tabe_left .tabe_left_upper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.ham_detail .tabe_block .tabe_left .tabe_left_upper .tabe_left_pic {
  width: 460px;
}
.ham_detail .tabe_block .tabe_left .tabe_left_upper .tabe_con {
  width: 320px;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}
.ham_detail .tabe_block .tabe_left .tabe_left_upper .tabe_con .comment {
  font-size: 1.5rem;
  line-height: 1.73;
  text-align: justify;
  margin-bottom: 20px;
}
.ham_detail .tabe_block .tabe_left .tabe_left_upper .tabe_con .tenpo_de_line {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 10px;
  border-top: solid 1px #fff;
  padding-bottom: 10px;
}
.ham_detail
  .tabe_block
  .tabe_left
  .tabe_left_upper
  .tabe_con
  .tenpo_de_line
  .tenpo_de_ttl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-size: 1.4rem;
  width: 220px;
  top: -10px;
  background: #000;
}
.ham_detail .tabe_block .tabe_left .tabe_left_upper .tabe_con .circle_items {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.ham_detail
  .tabe_block
  .tabe_left
  .tabe_left_upper
  .tabe_con
  .circle_items
  .circle_item {
  width: 95px;
  height: 95px;
  border: solid 1px #fff;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ham_detail
  .tabe_block
  .tabe_left
  .tabe_left_upper
  .tabe_con
  .circle_items
  .circle_item
  > div {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 3.1rem;
}
.ham_detail .tabe_block .tabe_left .apply_tenpos {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ham_detail .tabe_block .tabe_left .apply_tenpos .apply_tenpo {
  width: 400px;
  height: 28px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 6px;
  background: #cf000e;
  color: #fff;
  padding-left: 9px;
  padding-right: 5px;
  margin-bottom: 12px;
}
.ham_detail .tabe_block .tabe_left .apply_tenpos .apply_tenpo .tenpo_name {
  font-size: 1.5rem;
}
.ham_detail .tabe_block .tabe_left .apply_tenpos .apply_tenpo .tenpo_name.fs_s {
  font-size: 1.4rem;
}
.ham_detail .tabe_block .tabe_left .apply_tenpos .apply_tenpo .apply_items {
  width: 160px;
  display: flex;
  justify-content: space-between;
}
.ham_detail
  .tabe_block
  .tabe_left
  .apply_tenpos
  .apply_tenpo
  .apply_items
  .apply_item {
  width: 50px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  color: #000;
  background: #fff;
}
.ham_detail
  .tabe_block
  .tabe_left
  .apply_tenpos
  .apply_tenpo
  .apply_items
  .apply_item
  > div {
  font-size: 1.3rem;
  margin-top: 2px;
}
.ham_detail
  .tabe_block
  .tabe_left
  .apply_tenpos
  .apply_tenpo
  .apply_items
  .apply_item.off {
  opacity: 0.6;
}
.ham_detail .tabe_block .tabe_right {
  width: 6rem;
}
.ham_detail .tabe_block .tabe_right .tate_ttl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 6rem;
  line-height: 1;
  margin-bottom: 6px;
}
.ham_detail .tabe_block .tabe_right .tate_style {
  width: 100%;
  font-size: 2.2rem;
  text-align: center;
}
.ham_detail .tabe_block_teppan {
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 140px;
}
.ham_detail .tabe_block_teppan .tabe_tate_block {
  /* width: 165px; */
}
.ham_detail .tabe_block_teppan .tabe_tate_block .tate_ttl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 6rem;
  line-height: 1.2;
  margin-left: -12px;
  margin-bottom: 6px;
}
.ham_detail .tabe_block_teppan .tabe_tate_block .tate_style {
  width: 100%;
  font-size: 2.2rem;
  text-align: left;
}

.ham_detail .tabe_block_teppan .tabe_center {
  width: 320px;
}
.ham_detail .tabe_block_teppan .tabe_center .tabe_con {
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.73;
  text-align: justify;
  padding-bottom: 16px;
  border-bottom: solid 1px #fff;
  margin-bottom: 20px;
}
.ham_detail .tabe_block_teppan .tabe_center .apply_tenpos {
  width: 100%;
}
.ham_detail .tabe_block_teppan .tabe_center .apply_tenpos .apply_tenpo {
  /* width: 400px; */
  height: 28px;
  display: inline-block;
  border-radius: 6px;
  background: #cf000e;
  color: #fff;
  padding-left: 9px;
  padding-right: 9px;
  margin-right: 12px;
  margin-bottom: 12px;
}
.ham_detail
  .tabe_block_teppan
  .tabe_center
  .apply_tenpos
  .apply_tenpo
  .tenpo_name {
  padding-top: 2px;
  font-size: 1.5rem;
}
.ham_detail .tabe_block_teppan .tabe_right_pic {
  width: 390px;
}

.ham_detail .tabekata_movie {
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 236px;
}
.ham_detail .tabekata_movie .tab_items {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
.ham_detail .tabekata_movie .tab_items .tab_item {
  width: 450px;
  height: 70px;
  border-radius: 35px;
  border: solid 1px #fff;
  background: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.6rem;
  letter-spacing: 0.2em;
}
.ham_detail .tabekata_movie .tab_items .tab_item.current {
  background: #fff;
  color: #000;
}
.ham_detail .tabekata_movie .tab-target {
  display: none;
}
.ham_detail .tabekata_movie .tab-target.current {
  display: block;
}
.ham_detail .tabekata_movie .youtube_thums {
  width: 930px;
  margin-left: auto;
  margin-right: auto;
  /* margin-bottom: 133px; */
}
.halal_bg {
  width: 100%;
  height: 840px;
  position: relative;
}
.halal_bg .halal_bg_pic {
  position: absolute;
  width: 1920px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.halal_bg .halal {
  position: absolute;
  width: 1200px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.halal_bg .halal .mark_halal {
  width: 225px;
  margin-top: 126px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 103px;
}
.halal_bg .halal h3.halal_support {
  font-size: 4rem;
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 16px;
  color: #fff;
}
.halal_bg .halal .halal_support_chu {
  font-size: 1.3rem;
  line-height: 1.53;
  text-align: center;
  margin-bottom: 85px;
  color: #fff;
}
.halal_bg .halal .btn_more_halal {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  height: 80px;
  border-radius: 40px;
  border: solid 1px #205e32;
  background: #205e32;
  color: #fff;
}
.halal_bg .halal .btn_more_halal > div {
  font-size: 2.5rem;
  letter-spacing: 0.1em;
}
.halal_bg .halal .btn_more_halal:hover {
  opacity: 1;
  background: #fff;
  color: #205e32;
}
.shop_info_bg {
}
.shop_info_bg .shop_info {
  padding-bottom: 26px;
}
.shop_info_bg .shop_info .ttl_shop_info {
  padding-top: 182px;
  width: 145px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 96px;
}
.shop_info_bg .shop_info .shop_info_erea {
  width: 100%;
  height: 92px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: solid 2px #c9bc9c;
  border-bottom: solid 2px #c9bc9c;
}
.shop_info_bg .shop_info .shop_info_erea .erea_name {
  font-size: 3.8rem;
  letter-spacing: 0.2em;
  color: #fff;
}
.shop_info_bg .shop_info .shop_info_chu {
  font-size: 1.3rem;
  text-align: center;
  color: #fff;
  padding-top: 25px;
  padding-bottom: 82px;
}
.shop_info_bg .shop_info .shop_info_items {
  width: 820px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 110px;
}
.shop_info_bg .shop_info .shop_info_items.col_3 {
  width: 100%;
  flex-wrap: nowrap;
}
.shop_info_bg .shop_info .shop_info_items.col_1 {
  width: 100%;
  justify-content: center;
}
.shop_info_bg .shop_info .shop_info_items .shop_info_item {
  width: 370px;
  margin-bottom: 60px;
  color: #fff;
}
.shop_info_bg .shop_info .shop_info_items .shop_info_item .shop_pic {
  width: 370px;
  height: 230px;
  overflow: hidden;
  margin-bottom: 24px;
}
.shop_info_bg .shop_info .shop_info_items .shop_info_item .shop_name {
  font-size: 2.6rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 10px;
}
.shop_info_bg .shop_info .shop_info_items .shop_info_item .shop_name.fs_s {
  font-size: 2.3rem;
}
.shop_info_bg .shop_info .shop_info_items .shop_info_item .shop_address {
  font-size: 1.2rem;
  line-height: 1.28;
  text-align: center;
  margin-bottom: 16px;
}
.shop_info_bg .shop_info .shop_info_items .shop_info_item .btn_shop_info {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 270px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #c9bc9c;
  background: #c9bc9c;
  margin-left: auto;
  margin-right: auto;
}
.shop_info_bg .shop_info .shop_info_items .shop_info_item .btn_shop_info > div {
  font-size: 2rem;
  color: #231815;
}
.shop_info_bg .shop_info .shop_info_items .shop_info_item .btn_shop_info:hover {
  background: #231815;
  opacity: 1;
}
.shop_info_bg
  .shop_info
  .shop_info_items
  .shop_info_item
  .btn_shop_info:hover
  > div {
  color: #c9bc9c;
}
/* END page_b_hamburger */

/* page_b_yakiniku */
.page_b_yakiniku .main_image_bg {
  height: 1880px;
}
.page_b_yakiniku .main_image_bg .main_image_yuge {
  position: absolute;
  top: -600px;
  left: 50%;
  transform: translateX(-50%);
  width: 1988px;
  mix-blend-mode: screen;
  opacity: 0;
}
.page_b_yakiniku .main_image_bg .main_image_yuge.right {
  top: -600px;
  /* @keyframes duration | easing-function | delay | name */
  animation: 6s ease-in 0s infinite yuge_anima_ham_01;
}
.page_b_yakiniku .main_image_bg .main_image_yuge.left {
  top: -600px;
  /* @keyframes duration | easing-function | delay | name */
  animation: 6s ease-in 0.5s infinite yuge_anima_ham_02;
}
@keyframes yuge_anima_ham_01 {
  0% {
    filter: blur(2px);
    /* top: -400px; */
    transform: scale(1, 1) translateX(-50%);
    opacity: 0.1;
  }
  6% {
    opacity: 0.15;
  }
  33% {
    opacity: 0.9;
  }
  66% {
    opacity: 1;
  }
  100% {
    filter: blur(2px);
    /* top: -420px; */
    opacity: 0.1;
    transform: scale(1, 1) translateX(-48%);
  }
}
@keyframes yuge_anima_ham_02 {
  0% {
    filter: blur(2px);
    /* top: -400px; */
    transform: scale(1, 1) translateX(-50%);
    opacity: 0.1;
  }
  6% {
    opacity: 0.15;
  }
  33% {
    opacity: 0.9;
  }
  66% {
    opacity: 1;
  }
  100% {
    filter: blur(2px);
    /* top: -410px; */
    opacity: 0.1;
    transform: scale(1, 1) translateX(-53%);
  }
}
.page_b_yakiniku .main_image_bg .mv_copy {
  position: absolute;
  top: 202px;
  width: 1134px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.7rem;
  letter-spacing: 0.1rem;
  line-height: 1.7;
  color: #fff;
}
.page_b_yakiniku .main_image_bg .mv_catch_items {
  position: absolute;
  top: 903px;
  width: 1119px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.page_b_yakiniku .main_image_bg .catch_sub {
  position: absolute;
  top: 1174px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.8rem;
  text-align: center;
  color: #fff;
}
.page_b_yakiniku .main_image_bg .mv_sub_con {
  position: absolute;
  width: 1200px;
  top: 1308px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
}
.page_b_yakiniku .main_image_bg .mv_sub_con .mv_pic_01 {
  width: 600px;
}
.page_b_yakiniku .main_image_bg .mv_sub_con .mv_pic_01_copy {
  width: calc(100% - 600px - 60px);
  padding-top: 65px;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
  line-height: 1.64;
  text-align: justify;
  color: #fff;
}
.page_b_yakiniku .yakiniku_pic_01_bg {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.page_b_yakiniku .yakiniku_pic_01_bg.yuge {
  position: relative;
  width: 100%;
  height: 0;
  overflow: unset;
  /* はみだしを横方向だけ隠したい↓ */
  overflow-x: clip;
}
.page_b_yakiniku .yakiniku_pic_01_bg .yakiniku_pic_01 {
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 1920px; */
  /* width: 100%;
  height: 100%;
  padding: 100%;
  background-image: url(../img_b_yakiniku/yakiniku_pic_01.webp);
  background-attachment: fixed;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat; */

  position: absolute; /* 変更 */
  top: 0%;
  left: 0;
  width: 100%;
  height: 180%; /* コンテナより縦長にして移動余地を作る */
  background-image: url(../img_b_yakiniku/yakiniku_pic_01.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  will-change: transform;        /* GPUレイヤー化のヒント */
  transform: translate3d(0, 0, 0);
  z-index: 1;

}
/* アクセシビリティ：モーション低減設定への配慮 */
@media (prefers-reduced-motion: reduce) {
.page_b_yakiniku .yakiniku_pic_01_bg .yakiniku_pic_01 {
    transform: none !important;
  }
}
.page_b_yakiniku .yakiniku_pic_01_bg .yakiniku_pic_yuge {
  position: absolute;
  top: -1000px;
  left: 50%;
  transform: translateX(-50%);
  width: 2551px;
  mix-blend-mode: screen;
  opacity: 0;
  z-index: 10;
}
.page_b_yakiniku .yakiniku_pic_01_bg .yakiniku_pic_yuge.right {
  top: -800px;
  /* @keyframes duration | easing-function | delay | name */
  animation: 6s ease-in 0s infinite yuge_anima_ham_01;
}
.page_b_yakiniku .yakiniku_pic_01_bg .yakiniku_pic_yuge.left {
  top: -900px;
  /* @keyframes duration | easing-function | delay | name */
  animation: 6s ease-in 0.5s infinite yuge_anima_ham_02;
}
.page_b_yakiniku .yakiniku_detail_bg .yakiniku_detail {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 172px;
  padding-bottom: 215px;
  color: #fff;
}
.yakiniku_detail .ttl_kodawari {
  width: 270px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 128px;
}
.yakiniku_detail .kodawari_block {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.yakiniku_detail .kodawari_block .kodawari_w {
  width: calc(100% - 95px);
  display: flex;
  justify-content: space-between;
}
.yakiniku_detail .kodawari_block .kodawari_w .yakiniku_pic_02 {
  width: 660px;
}
.yakiniku_detail .kodawari_block .kodawari_w .kodawari_con {
  width: 333px;
}
.yakiniku_detail .kodawari_block .kodawari_w .kodawari_con .ttl_kurogewagyu {
  width: 250px;
  margin-bottom: 28px;
}
.yakiniku_detail .kodawari_block .kodawari_w .kodawari_con > p {
  font-size: 1.4rem;
  line-height: 1.86;
}
.yakiniku_detail .kodawari_block .kodawari_ttl {
  width: 95px;
  display: flex;
  justify-content: center;
  align-items: start;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
}
.yakiniku_detail .kodawari_block .kodawari_ttl .ttl_shiire {
  width: 38px;
}
.yakiniku_detail .kodawari_block.kurogewagyu {
  margin-bottom: 90px;
}
.yakiniku_detail .kodawari_block.anzen .kodawari_w .yakiniku_pic_05 {
  width: 660px;
}
.yakiniku_detail .kodawari_block.anzen .kodawari_w .kodawari_con {
  width: calc(320px + 45px);
  padding-left: 45px;
  /* display: flex;
  flex-direction: column;
  justify-content: space-between; */
}
.yakiniku_detail .kodawari_block.anzen .kodawari_w .kodawari_con .ttl_tare_copy {
  width: 253px;
  margin-bottom: 24px;
}
.yakiniku_detail
  .kodawari_block.anzen
  .kodawari_w
  .kodawari_con
  .yakiniku_pic_03_items {
  display: flex;
  justify-content: space-between;
}
.yakiniku_detail
  .kodawari_block.anzen
  .kodawari_w
  .kodawari_con
  .yakiniku_pic_03_items
  .yakiniku_pic_03_item {
  width: 150px;
}
.yakiniku_detail .kodawari_block .kodawari_ttl .ttl_tare {
  width: 36px;
}
.yakiniku_detail .kodawari_block.anzen {
  margin-bottom: 143px;
}
.yakiniku_detail .ttl_rekishi {
  width: 202px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 130px;
}

.yakiniku_detail .kodawari_block.rekishi .kodawari_w .yakiniku_pic_06 {
  width: 530px;
}
.yakiniku_detail .kodawari_block.rekishi .kodawari_w .kodawari_con {
  width: calc(100% - 530px - 80px);
  /* padding-left: 80px; */
}
.yakiniku_detail .kodawari_block.rekishi .kodawari_w .kodawari_con .ttl_start {
  width: 255px;
  margin-bottom: 32px;
}
.yakiniku_detail .kodawari_block.rekishi .kodawari_w .kodawari_con > p {
  font-size: 1.4rem;
  line-height: 1.57;
}

.yakiniku_detail .kodawari_block .kodawari_ttl .ttl_genten {
  width: 42px;
}
/* .yakiniku_detail .kodawari_block.rekishi {
  margin-bottom: 215px;
} */

.page_b_yakiniku .yakiniku_pic_07_bg {
      position: relative; /* 追加 */
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.page_b_yakiniku .yakiniku_pic_07_bg .yakiniku_pic_07 {
  position: absolute; /* 変更 */
  top: 0%;
  left: 0;
  width: 100%;
  height: 180%; /* コンテナより縦長にして移動余地を作る */
  background-image: url(../img_b_yakiniku/yakiniku_pic_07.jpg);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  will-change: transform;        /* GPUレイヤー化のヒント */
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
/* アクセシビリティ：モーション低減設定への配慮 */
@media (prefers-reduced-motion: reduce) {
.page_b_yakiniku .yakiniku_pic_07_bg .yakiniku_pic_07 {
    transform: none !important;
  }
}


.shop_info_bg .shop_info .shop_info_items.pt_93px {
  padding-top: 93px;
}
.shop_info_bg .shop_info .shop_info_items .shop_info_item .sumibi_items {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.shop_info_bg
  .shop_info
  .shop_info_items
  .shop_info_item
  .sumibi_items
  .sumibi_item {
  display: inline-block;
  height: 20px;
  border-radius: 10px;
  background: #fff;
  padding-left: 13px;
  padding-right: 13px;
  margin-right: 6px;
}
.shop_info_bg
  .shop_info
  .shop_info_items
  .shop_info_item
  .sumibi_items
  .sumibi_item.off {
  opacity: 0.3;
}
.shop_info_bg
  .shop_info
  .shop_info_items
  .shop_info_item
  .sumibi_items
  .sumibi_item
  > div {
  color: #000;
  font-size: 1.3rem;
  font-weight: bold;
}
.shop_info_bg .shop_info .shop_info_items .shop_info_item .btn_web_yoyaku {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 270px;
  height: 40px;
  border-radius: 20px;
  border: solid 1px #c9bc9c;
  background: #000;
  margin-left: auto;
  margin-right: auto;
}
.shop_info_bg
  .shop_info
  .shop_info_items
  .shop_info_item
  .btn_web_yoyaku.mt_14px {
  margin-top: 14px;
}
.shop_info_bg
  .shop_info
  .shop_info_items
  .shop_info_item
  .btn_web_yoyaku
  > div {
  font-size: 2rem;
  color: #c9bc9c;
}
.shop_info_bg
  .shop_info
  .shop_info_items
  .shop_info_item
  .btn_web_yoyaku:hover {
  background: #c9bc9c;
  opacity: 1;
}
.shop_info_bg
  .shop_info
  .shop_info_items
  .shop_info_item
  .btn_web_yoyaku:hover
  > div {
  color: #000;
}
/* END page_b_yakiniku */

/* page_b_motsu */
.page_b_motsu .main_image_bg {
  height: 1880px;
}
.page_b_motsu .main_image_bg .main_image_yuge {
  position: absolute;
  top: -600px;
  left: 50%;
  transform: translateX(-50%);
  width: 2509px;
  mix-blend-mode: screen;
  /* opacity: 0; */
}
.page_b_motsu .main_image_bg .main_image_yuge.right {
  top: -600px;
  /* @keyframes duration | easing-function | delay | name */
  animation: 12s ease-in 0s infinite bounce_motsu_01;
}
.page_b_motsu .main_image_bg .main_image_yuge.left {
  top: -600px;
  /* @keyframes duration | easing-function | delay | name */
  animation: 12s ease-in 0.5s infinite bounce_motsu_02;
}
@keyframes bounce_motsu_01 {
  0% {
    /* transform: scale(1);
    -webkit-transform: scale(1); */
    transform: scale(1, 1) translateX(-50%);
  }
  50% {
    /* transform: scale(1.1);
    -webkit-transform: scale(1.1); */
    transform: scale(1.05, 1.05) translateX(-47%);
  }
}
@keyframes bounce_motsu_02 {
  0% {
    /* transform: scale(1);
    -webkit-transform: scale(1); */
    transform: scale(1, 1) translateX(-50%);
  }
  50% {
    /* transform: scale(1.1);
    -webkit-transform: scale(1.1); */
    transform: scale(1.04, 1.04) translateX(-51%);
  }
}
@keyframes yuge_anima_ham_01 {
  0% {
    filter: blur(2px);
    /* top: -400px; */
    transform: scale(1, 1) translateX(-50%);
    opacity: 0.1;
  }
  6% {
    opacity: 0.15;
  }
  33% {
    opacity: 0.9;
  }
  66% {
    opacity: 1;
  }
  100% {
    filter: blur(2px);
    /* top: -420px; */
    opacity: 0.1;
    transform: scale(1, 1) translateX(-48%);
  }
}
@keyframes yuge_anima_ham_02 {
  0% {
    filter: blur(2px);
    /* top: -400px; */
    transform: scale(1, 1) translateX(-50%);
    opacity: 0.1;
  }
  6% {
    opacity: 0.15;
  }
  33% {
    opacity: 0.9;
  }
  66% {
    opacity: 1;
  }
  100% {
    filter: blur(2px);
    /* top: -410px; */
    opacity: 0.1;
    transform: scale(1, 1) translateX(-53%);
  }
}
.page_b_motsu .main_image_bg .mv_catch_items {
  position: absolute;
  top: 903px;
  width: 1119px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.page_b_motsu .main_image_bg .catch_sub {
  position: absolute;
  top: 1174px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2.8rem;
  text-align: center;
  color: #fff;
}
.page_b_motsu .main_image_bg .mv_sub_con {
  position: absolute;
  width: 1200px;
  top: 1308px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
}
.page_b_motsu .main_image_bg .mv_sub_con .mv_pic_01 {
  width: 730px;
}
.page_b_motsu .main_image_bg .mv_sub_con .mv_pic_01_copy {
  width: calc(100% - 730px - 60px);
  padding-top: 65px;
  font-size: 1.7rem;
  letter-spacing: 0.1rem;
  line-height: 1.64;
  text-align: justify;
  color: #fff;
}
.page_b_motsu .yakiniku_pic_01_bg {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
.page_b_motsu .motsu_pic_01_bg {
  position: relative; /* 追加 */
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.page_b_motsu .motsu_pic_01_bg .motsu_pic_01 {
  position: absolute; /* 変更 */
  top: 0%;
  left: 0;
  width: 100%;
  height: 200%; /* コンテナより縦長にして移動余地を作る */
  background-image: url(../img_b_motsu/motsu_pic_01.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  will-change: transform;        /* GPUレイヤー化のヒント */
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
/* アクセシビリティ：モーション低減設定への配慮 */
@media (prefers-reduced-motion: reduce) {
.page_b_motsu .motsu_pic_01_bg .motsu_pic_01 {
    transform: none !important;
  }
}
.page_b_motsu .motsu_yuge_bg {
  position: relative;
  width: 100%;
  height: 0;
  overflow: unset;
  /* はみだしを横方向だけ隠したい↓ */
  overflow-x: clip;
}
.page_b_motsu .motsu_yuge_bg .motsu_yuge_03 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1920px;
  mix-blend-mode: screen;
  opacity: 0;
  z-index: 99;
  top: -400px;
  /* @keyframes duration | easing-function | delay | name */
  animation: 6s ease-in 0.5s infinite yuge_anima_motsu_01;
}
@keyframes yuge_anima_motsu_01 {
  0% {
    filter: blur(2px);
    /* top: -400px; */
    transform: scale(1, 1) translateX(-50%);
    opacity: 0.1;
  }
  6% {
    opacity: 0.25;
  }
  33% {
    opacity: 0.9;
  }
  66% {
    opacity: 1;
  }
  100% {
    filter: blur(2px);
    /* top: -420px; */
    opacity: 0.1;
    transform: scale(1.05, 1.05) translateX(-50%);
  }
}
.page_b_motsu .ttl_3_umami_bg {
  position: relative;
  width: 100%;
  height: 0;
}
.page_b_motsu .ttl_3_umami_bg .ttl_3_umami {
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
  width: 164px;
}
.page_b_motsu .motsu_color_items {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 1140px;
}
.page_b_motsu .motsu_color_items .motsu_color_item {
  width: calc((100% / 3) - 10px);
  height: 100%;
  background-size: cover;
}
.page_b_motsu .motsu_color_items .motsu_color_item.white {
  background-image: url(../img_b_motsu/motsu_white_bg.webp);
}
.page_b_motsu .motsu_color_items .motsu_color_item.black {
  background-image: url(../img_b_motsu/motsu_black_bg.webp);
}
.page_b_motsu .motsu_color_items .motsu_color_item.red {
  background-image: url(../img_b_motsu/motsu_red_bg.webp);
}
.page_b_motsu .motsu_color_items .motsu_color_item > h3 {
  width: 140px;
  margin-top: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 53px;
}
.page_b_motsu .motsu_color_items .motsu_color_item > p {
  font-size: 2rem;
  line-height: 1.7;
  text-align: center;
  color: #fff;
}
.page_b_motsu .motsu_pic_02_bg {
  position: relative; /* 追加 */
  width: 100%;
  height: 500px;
  overflow: hidden;
  margin-bottom: 106px;
}
.page_b_motsu .motsu_pic_02_bg .motsu_pic_02 {
  position: absolute; /* 変更 */
  top: 0%;
  left: 0;
  width: 100%;
  height: 350%; /* コンテナより縦長にして移動余地を作る */
  background-image: url(../img_b_motsu/motsu_pic_02.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  will-change: transform;        /* GPUレイヤー化のヒント */
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
/* アクセシビリティ：モーション低減設定への配慮 */
@media (prefers-reduced-motion: reduce) {
.page_b_motsu .motsu_pic_02_bg .motsu_pic_02 {
    transform: none !important;
  }
}
.page_b_motsu .halal_bg .halal h3.halal_support {
  margin-bottom: 76px;
}
/* END page_b_motsu */

/* page_halal */
.page_halal .halal_mv_bg {
  /* position: relative; */
  height: 1080px;
  /* overflow: hidden; */
  background-color: #000;
}
.page_halal .halal_mv_bg .halal_mv {
  padding-top: 300px;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  background-color: #000;
}
.page_halal .halal_mv_bg .halal_mv .mark_halal {
  width: 225px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 86px;
}
.page_halal .halal_mv_bg .halal_mv .halal_mv_catch_copy {
  font-size: 4rem;
  /* letter-spacing: 0.2em; */
  letter-spacing: -0.5rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  margin-bottom: 66px;
}
.page_halal .halal_mv_bg .halal_mv .halal_mv_copy {
  font-size: 2.2rem;
  line-height: 2;
  text-align: center;
  padding-bottom: 136px;
  color: #fff;
}
.page_halal .halal_pics {
  background-color: #000;
  /* padding-top: 4px; */
  padding-bottom: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.page_halal .halal_pics .halal_pic {
  width: calc((100% - 22px - 22px) / 3);
}
.page_halal .comment_halal_bg {
  background-color: #205c32;
}
.page_halal .comment_halal_bg .comment_halal {
  padding-top: 95px;
  padding-bottom: 86px;
}
.page_halal .comment_halal_bg .comment_halal .ttl_enjoy {
  font-size: 4rem;
  text-align: center;
  color: #fff;
  margin-bottom: 20px;
}
.page_halal .comment_halal_bg .comment_halal .ttl_enjoy_con {
  font-size: 2.2rem;
  text-align: center;
  color: #fff;
}
.page_halal .comment_halal_bg .line {
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.page_halal .comment_halal_bg .comment_halal.downer {
  padding-top: 78px;
  padding-bottom: 84px;
}
.page_halal .comment_halal_bg .comment_halal .ttl_our_menu {
  font-size: 3rem;
  line-height: 1.57;
  text-align: center;
  margin-bottom: 16px;
  color: #fff;
}

.page_halal .comment_halal_bg .comment_halal .ttl_our_menu_con {
  font-size: 2rem;
  line-height: 1.75;
  text-align: center;
  margin-bottom: 60px;
  color: #fff;
}
.page_halal .comment_halal_bg .comment_halal .our_menu {
  font-size: 1.8rem;
  line-height: 1.56;
  text-align: center;
  margin-bottom: 13px;
  color: #c9bc9c;
}
.page_halal .comment_halal_bg .comment_halal .our_menu_ja {
  font-size: 1.5rem;
  line-height: 1.87;
  text-align: center;
  color: #c9bc9c;
}
.page_halal .policy_bg .policy {
  padding-top: 177px;
  padding-bottom: 200px;
}
.btn_accordion {
  width: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding-left: 33px;
  padding-right: 33px; */
  margin-left: auto;
  margin-right: auto;
  height: 60px;
  border-radius: 30px;
  border: solid 1px #c9bc9c;
  position: relative;
  cursor: pointer;
}
.btn_accordion .ttl_accordion {
  font-size: 2.5rem;
  letter-spacing: 0.2em;
  line-height: 1;
  color: #c9bc9c;
}
.btn_accordion .menu_arrow {
  position: absolute;
  width: 27px;
  top: 33%;
  right: 33px;
  transform: rotate(0deg); /* 回転 */
  transition: transform 0.2s ease-in-out;
}
.btn_accordion.open .menu_arrow {
  top: 25%;
  transform: rotate(180deg); /* 回転 */
  transition: transform 0.2s ease-in-out;
}

.page_halal .policy_bg .policy .accordion_con {
  width: 100%;
  padding-top: 93px;
  display: none;
}
.page_halal .policy_bg .policy .accordion_con .ttl_policy {
  font-size: 4rem;
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 24px;
  color: #fff;
}
.page_halal .policy_bg .policy .accordion_con .ttl_policy_con {
  font-size: 2.2rem;
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 55px;
  color: #fff;
}
.page_halal .policy_bg .policy .policy_pic {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.page_halal .halal_menu_bg .halal_menu {
  /* padding-bottom: 110px;
  border-bottom: solid 1px #fff; */
  color: #fff;
}
.page_halal .halal_menu_bg .halal_menu .ttl_halal_menu {
  font-size: 6rem;
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 158px;
}
.page_halal .halal_menu_bg .halal_menu .menu_block {
  width: 1075px;
  margin-left: auto;
  margin-right: auto;

  display: flex;
  justify-content: space-between;
}
.page_halal .halal_menu_bg .halal_menu .menu_block .menu_pic {
  width: 530px;
}
.page_halal .halal_menu_bg .halal_menu .menu_block .menu_pic.pic_01 {
  display: flex;
  justify-content: space-between;
}
.page_halal .halal_menu_bg .halal_menu .menu_block .menu_pic.pic_01 .menu_pic {
  width: 260px;
}
.page_halal .halal_menu_bg .halal_menu .menu_block .menu_con {
  width: 480px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_upper
  .menu_con_ttl {
  font-size: 3.3rem;
  letter-spacing: 0.1em;
  line-height: 1.39;
  margin-bottom: 10px;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_upper
  .menu_con_ja {
  font-size: 1.8rem;
  color: #c9bc9c;
  margin-bottom: 4px;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_upper
  .menu_plice {
  font-size: 3rem;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_upper
  .menu_plice
  .fs_yen {
  font-size: 2.7rem;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_upper
  .menu_plice
  .fs_s {
  font-size: 1.8rem;
}
.page_halal .halal_menu_bg .halal_menu .menu_block .menu_con .menu_con_downer {
  width: 100%;
  border: solid 1px #c9bc9c;
  padding: 0;
  color: #c9bc9c;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_downer
  .no_pork {
    width:100%;
    height:30px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#c9bc9c;
    color:#000;
  font-size: 1.5rem;
  margin-bottom: 4px;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_downer .blanch_box{
    padding:20px 25px;
  }
.page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_downer
  .blanch_items {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_downer
  .blanch_items
  .blanch_ttl {
  width: 95px;
  font-size: 1.3rem;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_downer
  .blanch_items
  .blanch_con {
  width: calc(100% - 95px);
  font-size: 1.3rem;
      line-height: 2.1;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_downer
  .blanch_items
  .blanch_con .shop_icon{
    font-size:1.3rem;
    line-height:1;
    padding:2px 8px;
    display:inline-block;
    border:solid 1px #c9bc9c;
    border-radius:20px;
    margin-left:4px;
    color: #c9bc9c;
  }
  .page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_downer
  .blanch_items
  .blanch_con .shop_icon:hover{
    background-color:#c9bc9c;
    color:#000;
  }
.page_halal
  .halal_menu_bg
  .halal_menu
  .menu_block
  .menu_con
  .menu_con_downer
  .pork_non {
  font-size: 1.2rem;
}
.page_halal .halal_menu_bg .halal_menu .line {
  margin-top: 95px;
  border-bottom: solid 1px #fff;
  width: 1075px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
}
.page_halal .halal_menu_bg .halal_menu .only_1_order_rel {
  position: relative;
  width: 100%;
  height: 0;
}
.page_halal .halal_menu_bg .halal_menu .only_1_order_rel .only_1_order {
  position: absolute;
  width: 160px;
  height: 160px;
  border-radius: 80px;
  background-color: #cf000e;
  display: flex;
  justify-content: center;
  align-items: center;
top: -87px;
    right: 32px;
}
.page_halal .halal_menu_bg .halal_menu .only_1_order_rel .only_1_order > div {
  font-size: 2.3rem;
  line-height: 1.26;
  text-align: center;
}
.page_halal .halal_menu_bg .halal_menu .attention {
  width: 1075px;
  margin-top: 27px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3rem;
  line-height: 1.81;
  margin-bottom: 70px;
}
.page_halal .halal_menu_bg .halal_menu .h_t_o_block {
  display: flex;
  justify-content: space-between;
  width: 1075px;
  margin-left: auto;
  margin-right: auto;
}
.page_halal .halal_menu_bg .halal_menu .h_t_o_block .h_t_o_ttl {
  width: 180px;
  position: relative;
  height: 0;
}
.page_halal .halal_menu_bg .halal_menu .h_t_o_block .h_t_o_ttl .how_to_order {
  position: absolute;
  width: 280px;
  top: 84px;
  right: -20px;
  font-size: 5.3rem;
  line-height: 1.2;
  letter-spacing: 0.1em;
  transform: rotate(90deg);
}
.page_halal .halal_menu_bg .halal_menu .h_t_o_block .select_s_block {
  width: calc(100% - 180px);
}
.page_halal .halal_menu_bg .halal_menu .h_t_o_block .select_s_block .sel_s {
  width: 100%;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 8px;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .h_t_o_block
  .select_s_block
  .sel_s
  .select_s_ttl {
  width: 190px;
  font-size: 2.5rem;
  color: #c9bc9c;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .h_t_o_block
  .select_s_block
  .sel_s
  .sel_s_con {
  font-size: 2rem;
}
.page_halal .halal_menu_bg .halal_menu .h_t_o_block .allergy_items tr td {
  border-collapse: collapse;
  border: solid 1px #fff;
  margin-top: 20px;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .h_t_o_block
  .allergy_items
  tr.allergy_item_upper
  td {
  background-color: #c9bc9c;
  color: #231815;
  text-align: center;
  font-size: 2rem;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .h_t_o_block
  .allergy_items
  tr.allergy_item_downer
  td {
  color: #fff;
  text-align: center;
  font-size: 2rem;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .h_t_o_block
  .allergy_items
  tr.allergy_item_upper
  td.w_100 {
  width: 100px;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .h_t_o_block
  .allergy_items
  tr.allergy_item_upper
  td.w_90 {
  width: 90px;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .h_t_o_block
  .allergy_items
  tr.allergy_item_upper
  td.w_110 {
  width: 110px;
}
.page_halal
  .halal_menu_bg
  .halal_menu
  .h_t_o_block
  .allergy_items
  tr.allergy_item_upper
  td.w_140 {
  width: 140px;
}
.page_halal .halal_menu_bg .halal_menu .h_t_o_block .our_menu_item {
  margin-top: 5px;
  font-size: 2rem;
}
.page_halal .halal_menu_bg .halal_menu .ttl_refill {
  font-size: 3.3rem;
  text-align: center;
  margin-bottom: 60px;
}
.page_halal
  .halal_menu_bg
  .menu_block
  .menu_con
  .menu_con_upper
  .set_menu_con_ttl {
  font-size: 2.5rem;
  margin-bottom: 32px;
}
.page_halal
  .halal_menu_bg
  .menu_block
  .menu_con
  .menu_con_upper
  .set_menu_con_ttl
  .fs_s {
  font-size: 1.8rem;
}
.page_halal
  .halal_menu_bg
  .menu_block
  .menu_con
  .menu_con_upper
  .set_menu_con_ttl
  .fs_price {
  font-size: 3rem;
}
.page_halal
  .halal_menu_bg
  .menu_block
  .menu_con
  .menu_con_upper
  .set_menu_a_la_carte {
  font-size: 2.5rem;
  color: #c9bc9c;
}
.page_halal
  .halal_menu_bg
  .menu_block
  .menu_con
  .menu_con_upper
  .a_la_carte_plice {
  font-size: 2rem;
}
.page_halal
  .halal_menu_bg
  .menu_block
  .menu_con
  .menu_con_upper
  .a_la_carte_plice
  .fs_circle {
  font-size: 1rem;
}
.page_halal
  .halal_menu_bg
  .menu_block
  .menu_con
  .menu_con_upper
  .a_la_carte_plice
  .fs_price {
  font-size: 2.5rem;
}
.page_halal
  .halal_menu_bg
  .menu_block
  .menu_con
  .menu_con_upper
  .a_la_carte_plice
  .fs_tax {
  font-size: 1.5rem;
}
.page_halal .halal_menu_bg .menu_block .menu_con .set_menu_con_downer .notice {
  font-size: 1.5rem;
  line-height: 1.67;
}
.page_halal .more_halal_menu_bg .more_halal_menu {
  padding-bottom: 206px;
}
.page_halal .more_halal_menu_bg .more_halal_menu .accordion_con {
  padding-top: 0;
  /* display: none; */
visibility: hidden;
height: 0;
overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, height 0.3s ease; */
}
.page_halal .more_halal_menu_bg .more_halal_menu .accordion_con.is-open{
    padding-top: 130px;
  visibility: visible;
  opacity: 1;
}
.page_halal .more_halal_menu_bg .more_halal_menu .halal_menu_pics {
  width: 700px;
  margin-left: auto;
  margin-right: auto;

      /* visibility: hidden;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, height 0.3s ease; */

}
.btn_accordion_more_halal {
  width: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding-left: 33px;
  padding-right: 33px; */
  margin-left: auto;
  margin-right: auto;
  height: 60px;
  border-radius: 30px;
  border: solid 1px #c9bc9c;
  position: relative;
  cursor: pointer;
}
.btn_accordion_more_halal .ttl_accordion {
  font-size: 2.5rem;
  letter-spacing: 0.2em;
  line-height: 1;
  color: #c9bc9c;
}
.btn_accordion_more_halal .menu_arrow {
  position: absolute;
  width: 27px;
  top: 33%;
  right: 33px;
  transform: rotate(0deg); /* 回転 */
  transition: transform 0.2s ease-in-out;
}
.btn_accordion_more_halal.is-open .menu_arrow {
  top: 25%;
  transform: rotate(180deg); /* 回転 */
  transition: transform 0.2s ease-in-out;
}










.dots-wrap {
  display: flex;
  justify-content: center;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.dots-wrap li {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  margin: 30px 6px 0;
  background: #fff;
  cursor: pointer;
}

.dots-wrap li:hover,
.dots-wrap li.slick-active {
  background: #c9bc9c;
}
.dots-wrap li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}
.page_halal .more_halal_menu_bg .more_halal_menu .ttl_certification {
  padding-top: 250px;
  font-size: 3rem;
  text-align: center;
  margin-bottom: 0;
  color: #fff;
  /* padding-bottom: 190px; */
}
.page_halal .more_halal_menu_bg .more_halal_menu .ttl_certification_con {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 24px;
  color: #c9bc9c;
}
.page_halal .more_halal_menu_bg .more_halal_menu .certification_pics {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
/* END page_halal */

/* page_direct_shop */
.page_d_shop .mv_d_shop_bg {
  position: relative;
  padding-top: 1570px;
  overflow: hidden;
}
.page_d_shop .mv_d_shop_bg .mv_d_shop {
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  /* width: 1920px; */
  width: 100%;
  /* opacity: 0; */
}
.page_d_shop .mv_d_shop_bg .mark_direct_shop {
  position: absolute;
  top: 318px;
  left: 50%;
  /* transform: translateX(-50%) translateY(20px); */
  transform: translateX(-50%);
  width: 614px;
}
.page_d_shop .mv_d_shop_bg .d_shop_copy_block {
  position: absolute;
  width: 1200px;
  top: 1144px;
  left: 50%;
  transform: translateX(-50%);
}
.page_d_shop .mv_d_shop_bg .d_shop_copy_block .d_shop_catch_copy {
  font-size: 3.5rem;
  line-height: 1.58;
  text-align: center;
  margin-bottom: 48px;
  color: #fff;
}
.page_d_shop .mv_d_shop_bg .d_shop_copy_block .d_shop_copy {
  font-size: 1.7rem;
  line-height: 1.65;
  text-align: center;
  color: #fff;
}
.page_d_shop .mv_pics_bg .mv_pics {
  margin-bottom: 155px;
}
.page_d_shop .mv_pics_bg .mv_pics .mv_pic {
  margin-right: 27px;
}
.page_d_shop .safety_bg {
  width: 100%;
  height: 600px;
  overflow: hidden;
}
.page_d_shop .safety_bg .safety_bg_rel {
  position: relative;
  width: 100%;
  height: 0;
}
.page_d_shop .safety_bg .safety_bg_rel .safety_pic_bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: 1920px;
}
.page_d_shop .safety_bg .safety_bg_rel .safety_box {
  position: absolute;
  width: 1200px;
  left: 50%;
  transform: translate(-50%);
  top: 78px;
  padding-left: 25px;
}
.page_d_shop .safety_bg .safety_bg_rel .safety_box .ttl_safety {
  font-size: 4rem;
  line-height: 1.5;
  margin-bottom: 16px;
}
.page_d_shop .safety_bg .safety_bg_rel .safety_box .safety_con {
  font-size: 1.7rem;
  line-height: 1.64;
  margin-bottom: 36px;
  width: 100%;
}
.page_d_shop .safety_bg .safety_bg_rel .safety_box .d_shop_safety_pics {
  width: 660px;
  display: flex;
  justify-content: space-between;
}
.page_d_shop
  .safety_bg
  .safety_bg_rel
  .safety_box
  .d_shop_safety_pics
  .d_shop_safety_pic {
  width: 320px;
  height: 200px;
}
.page_d_shop .intro_shop_bg .intro_shop {
  padding-top: 154px;
  padding-bottom: 149px;
}
.page_d_shop .intro_shop_bg .intro_shop .ttl_intro_shop {
  width: 842px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 90px;
}
.page_d_shop .intro_shop_bg .intro_shop .shop_items {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.page_d_shop .intro_shop_bg .intro_shop .shop_items .shop_item {
  width: 382px;
  margin-bottom: 56px;
  display: flex;
  justify-content: space-between;
}
.page_d_shop .intro_shop_bg .intro_shop .shop_items .shop_item .shop_item_pic {
  width: 306px;
}
.page_d_shop .intro_shop_bg .intro_shop .shop_items .shop_item .shop_item_copy {
  width: 76px;
  writing-mode: vertical-rl;
  font-size: 2.5rem;
  line-height: 1.3;
  color: #fff;
}
.page_d_shop
  .intro_shop_bg
  .intro_shop
  .shop_items
  .shop_item
  .shop_item_copy
  .fs_s {
  font-size: 2rem;
}
.page_d_shop .shop_item_image_bg {
  position: relative; /* 追加 */
  width: 100%;
  height: 530px;
  overflow: hidden;
}
.page_d_shop .shop_item_image_bg .shop_item_image {
  position: absolute; /* 変更 */
  top: 0%;
  left: 0;
  width: 100%;
  height: 150%; /* コンテナより縦長にして移動余地を作る */
  background-image: url(../img_d_shop/shop_item_pic_bg.png);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  will-change: transform;        /* GPUレイヤー化のヒント */
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
/* アクセシビリティ：モーション低減設定への配慮 */
@media (prefers-reduced-motion: reduce) {
.page_d_shop .shop_item_image_bg .shop_item_image {
    transform: none !important;
  }
}
.page_d_shop .event_tenpo {
  padding-top: 153px;
  padding-left: 100px;
  padding-right: 100px;
  padding-bottom: 59px;
  color: #fff;
}
.page_d_shop .event_tenpo .ttl_event {
  width: 241px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 71px;
}
.page_d_shop .event_tenpo .kokusangyu {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 4px;
}
.page_d_shop .event_tenpo .higawari {
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 4px;
}
.page_d_shop .event_tenpo .higawari .fs_s {
  font-size: 2rem;
}
.page_d_shop .event_tenpo .higawari_price {
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 53px;
}
.page_d_shop .event_tenpo .higawari_price .fs_l {
  font-size: 2.2rem;
}
.page_d_shop .event_tenpo .higawari_price .fs_m {
  font-size: 1.7rem;
}
.page_d_shop .event_tenpo .event_pics {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}
.page_d_shop .event_tenpo .event_pics .event_pic {
  width: 50%;
}
.page_d_shop .event_tenpo .event_con {
  font-size: 1.3rem;
  line-height: 1.77;
  text-align: center;
}
.page_d_shop .event_tenpo .line {
  margin-top: 96px;
  margin-bottom: 118px;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.page_d_shop .event_tenpo .ttl_tenpo_info {
  width: 163px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 88px;
}
.page_d_shop .event_tenpo .tenpo_info_pics {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 88px;
}
.page_d_shop .event_tenpo .tenpo_info_pics .tenpo_info_pic {
  width: 480px;
}
.page_d_shop .event_tenpo .tenpo_info_pics .tenpo_info_address {
  width: 448px;
}
.page_d_shop .event_tenpo .tenpo_info_pics .tenpo_info_address dl {
  display: flex;
  justify-content: start;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.75;
}
.page_d_shop .event_tenpo .tenpo_info_pics .tenpo_info_address dl.mb_25px {
  margin-bottom: 25px;
}
.page_d_shop .event_tenpo .tenpo_info_pics .tenpo_info_address dl.mb_20px {
  margin-bottom: 20px;
}
.page_d_shop .event_tenpo .tenpo_info_pics .tenpo_info_address dl dt {
  width: 148px;
}
.page_d_shop .event_tenpo .tenpo_info_pics .tenpo_info_address dl dd {
  width: calc(100% - 148px);
}
.page_d_shop .event_tenpo .reserve_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 300px;

  margin-left: auto;
  margin-right: auto;
  margin-bottom: 33px;
  height: 40px;
  border-radius: 20px;
  border: solid 2px #c9bc9c;
  background-color: #000;
  font-size: 2rem;
  color: #c9bc9c;
  transition: 0.7s;
}
.page_d_shop .event_tenpo .reserve_btn:hover {
  background-color: #c9bc9c;
  color: #000;
  transition: 0.7s;
}
.page_d_shop .event_tenpo .goyoyaku_ha {
  font-size: 1.3rem;
  text-align: center;
  color: #fff;
}
/* END page_direct_shop */
/* page_recruit */
.page_recruit .wrapper.mv_bg {
  position: relative;
  padding-top: 1070px;
}
.page_recruit .wrapper.mv_bg .mv {
  position: absolute;
  width: 1500px;
  top: 212px;
  left: 50%;
  transform: translateX(-50%);
  height: 860px;
  border-radius: 50px;
  overflow: hidden;
}

.page_recruit .wrapper .bnr_recruit_items {
  padding-top: 150px;
  padding-bottom: 236px;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}
.page_recruit .wrapper .bnr_recruit_items .bnr_recruit_item {
  display: block;
  position: relative;
  width: 550px;
  height: 180px;
  overflow: hidden;
  border: solid 1px #c9bc9c;
}
.page_recruit .wrapper .bnr_recruit_items .bnr_recruit_item:hover {
  opacity: 1;
}
.page_recruit .wrapper .bnr_recruit_items .bnr_recruit_item .chuto_moji_box {
  position: absolute;
  left: 51px;
  top: calc(50% - 22px);
  display: flex;
  justify-content: start;
  align-items: center;
}
.page_recruit .wrapper .bnr_recruit_items .bnr_recruit_item::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: -100%;
  background: #c9bc9c;
  background: linear-gradient(
    90deg,
    rgba(201, 188, 156, 1) 0%,
    rgba(201, 188, 156, 1) 50%,
    rgba(201, 188, 156, 0.5) 65%,
    rgba(201, 188, 156, 0) 70%
  );
  transition-duration: 0.3s;
}
.page_recruit .wrapper .bnr_recruit_items .bnr_recruit_item:hover::before {
  left: 0;
}
.page_recruit
  .wrapper
  .bnr_recruit_items
  .bnr_recruit_item
  .chuto_moji_box
  .chuto_moji {
  font-size: 3rem;
  color: #fff;
  letter-spacing: 0.2em;
}
.page_recruit
  .wrapper
  .bnr_recruit_items
  .bnr_recruit_item
  .chuto_moji_box
  .bnr_arrow {
  width: 30px;
  margin-left: 18px;
}
.page_recruit .wrapper.catch_copy_block {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 1160px;
}
.page_recruit .wrapper.catch_copy_block .catch_bg {
  position: absolute;
  width: 1920px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.page_recruit .wrapper.catch_copy_block .catch_copy_con {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1200px;
  display: flex;
  justify-content: space-between;
}
.page_recruit .wrapper.catch_copy_block .catch_copy_con > p {
  color: #fff;
  font-size: 1.7rem;
  line-height: 2.3;
  letter-spacing: 0.1em;
}
.page_recruit .wrapper.catch_copy_block .catch_copy {
  width: 448px;
}
.page_recruit .wrapper .company_block {
  padding-top: 235px;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 235px;
  display: flex;
  justify-content: space-between;
}
.page_recruit .wrapper .company_block .company_ttl {
  width: 160px;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  writing-mode: vertical-rl;
  font-size: 6rem;
  text-align: justify;
}
.page_recruit .wrapper .company_block .company_pic_items {
  display: flex;
  justify-content: space-between;
  width: calc(430px + 70px + 430px);
}
.page_recruit .wrapper .company_block .company_pic_items .company_pic_item {
  width: 430px;
  height: 485px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #fff;
}
.page_recruit
  .wrapper
  .company_block
  .company_pic_items
  .company_pic_item
  .company_pic_item_upper
  > h4 {
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
.page_recruit
  .wrapper
  .company_block
  .company_pic_items
  .company_pic_item
  .company_pic_item_upper
  > p {
  font-size: 1.8rem;
  line-height: 1.7;
}

.page_recruit
  .wrapper
  .company_block
  .company_pic_items
  .company_pic_item
  .company_pic {
  width: 430px;
  height: 235px;
  overflow: hidden;
}

.page_recruit .wrapper.contribution {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 130px;
}
.page_recruit .wrapper.contribution .contribution_block {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.page_recruit .wrapper.contribution .contribution_block .ttl_contribution_rel {
  position: relative;
  width: 100%;
  height: 0;
}

.ttl_kiwamiya_no {
  display: flex;
  justify-content: start;
  align-items: center;
  color: #fff;
}
.ttl_kiwamiya_no.contribution {
  position: absolute;
  top: -22px;
  color: #000;
}
.ttl_kiwamiya_no .ttl_kiwamiya_s {
  font-size: 4rem;
}
.ttl_kiwamiya_no .ttl_kiwamiya_l {
  font-size: 6rem;
}
.page_recruit .wrapper.contribution .contribution_block .contribution_items {
  display: flex;
  justify-content: space-between;
}
.page_recruit
  .wrapper.contribution
  .contribution_block
  .contribution_items
  .contribution_item {
  width: 370px;
}
.page_recruit
  .wrapper.contribution
  .contribution_block
  .contribution_items
  .contribution_item
  > h5 {
  width: 100%;
  height: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
}
.page_recruit
  .wrapper.contribution
  .contribution_block
  .contribution_items
  .contribution_item
  > p {
  font-size: 1.4rem;
  line-height: 1.78;
  text-align: justify;
}
.page_recruit
  .wrapper.contribution
  .contribution_block
  .contribution_items
  .contribution_item.pic_01 {
  margin-top: 330px;
}
.page_recruit
  .wrapper.contribution
  .contribution_block
  .contribution_items
  .contribution_item.pic_02 {
  margin-top: 165px;
}

.page_recruit .wrapper .benefits {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 200px;
  padding-bottom: 147px;
}
.ttl_kiwamiya_box {
  display: flex;
  justify-content: center;
}
.page_recruit .wrapper .benefits .benefits_items {
  display: flex;
  justify-content: space-between;
}
.page_recruit .wrapper .benefits .benefits_items.upper {
  padding-top: 108px;
}
.page_recruit .wrapper .benefits .benefits_item.pic {
  width: 370px;
  opacity: 0;
}
.page_recruit .wrapper .benefits .benefits_item.line_v {
  width: 1px;
  height: 370px;
  background-color: #c9bc9c;
}
.page_recruit .wrapper .benefits .benefits_items.middle {
  padding-top: 18px;
  padding-bottom: 18px;
}
.page_recruit .wrapper .benefits .benefits_item.line_h {
  width: 370px;
  height: 1px;
  background-color: #c9bc9c;
}
/* .page_recruit .wrapper .benefits .benefits_item.pic_01 {
  animation: fade-in 0.5s ease 0.5s 1 forwards;
}
.page_recruit .wrapper .benefits .benefits_item.pic_02 {
  animation: fade-in 0.5s ease 1s 1 forwards;
}
.page_recruit .wrapper .benefits .benefits_item.pic_03 {
  animation: fade-in 0.5s ease 1.5s 1 forwards;
}
.page_recruit .wrapper .benefits .benefits_item.pic_04 {
  animation: fade-in 0.5s ease 2s 1 forwards;
}
.page_recruit .wrapper .benefits .benefits_item.pic_05 {
  animation: fade-in 0.5s ease 2.5s 1 forwards;
}
.page_recruit .wrapper .benefits .benefits_item.pic_06 {
  animation: fade-in 0.5s ease 3s 1 forwards;
} */
/* @keyframes fade-in {
  100% {
    opacity: 1;
  }
} */
.page_recruit .wrapper .benefits .benefits_item.js-fadeUp_01 {
  opacity: 0; /* 最初は非表示 */
  transition: opacity 0.5s; /* 透過率と縦方向の移動を0.8秒 */
  animation-timing-function: ease;
}
.page_recruit .wrapper .benefits .benefits_item.js-fadeUp_01.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  transition-delay: 0.5s; /* フェード開始を0.5秒遅らせる */
}
.page_recruit .wrapper .benefits .benefits_item.js-fadeUp_02 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(20px); 下に30pxの位置から */
  transition: opacity 0.5s, transform 0.5s; /* 透過率と縦方向の移動を0.8秒 */
  animation-timing-function: ease;
}
.page_recruit .wrapper .benefits .benefits_item.js-fadeUp_02.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translateX(-50%) translateY(0); 30px上に移動する */
  transition-delay: 1s; /* フェード開始を0.5秒遅らせる */
}
.page_recruit .wrapper .benefits .benefits_item.js-fadeUp_03 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(20px); */
  transition: opacity 0.5s, transform 0.5s; /* 透過率と縦方向の移動を0.8秒 */
  animation-timing-function: ease;
}
.page_recruit .wrapper .benefits .benefits_item.js-fadeUp_03.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translateX(-50%) translateY(0); */
  transition-delay: 1.5s; /* フェード開始を0.5秒遅らせる */
}
.page_recruit .wrapper .benefits .benefits_item.js-fadeUp_04 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(-200px); 下に30pxの位置から */
  transition: opacity 0.5s, transform 0.5s; /* 透過率と縦方向の移動を0.8秒 */
  animation-timing-function: ease;
}
.page_recruit .wrapper .benefits .benefits_item.js-fadeUp_04.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translate(-50%, 0); 30px上に移動する */
  transition-delay: 2s; /* フェード開始を0.5秒遅らせる */
}
.page_recruit .wrapper .benefits .benefits_item.js-fadeUp_05 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(-200px); 下に30pxの位置から */
  transition: opacity 0.5s, transform 0.5s; /* 透過率と縦方向の移動を0.8秒 */
  animation-timing-function: ease;
}
.page_recruit .wrapper .benefits .benefits_item.js-fadeUp_05.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translate(-50%, 0); 30px上に移動する */
  transition-delay: 2.5s; /* フェード開始を0.5秒遅らせる */
}
.page_recruit .wrapper .benefits .benefits_item.js-fadeUp_06 {
  opacity: 0; /* 最初は非表示 */
  /* transform: translateX(-50%) translateY(-200px); 下に30pxの位置から */
  transition: opacity 0.5s, transform 0.5s; /* 透過率と縦方向の移動を0.8秒 */
  animation-timing-function: ease;
}
.page_recruit .wrapper .benefits .benefits_item.js-fadeUp_06.is-inview {
  opacity: 1; /* 表示領域に入ったら表示 */
  /* transform: translate(-50%, 0); 30px上に移動する */
  transition-delay: 3s; /* フェード開始を0.5秒遅らせる */
}


.page_recruit .intro_recruit_bg .intro_recruit .employment_items {
  width: 860px;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 187px;
}
.page_recruit .intro_recruit_bg .intro_recruit .employment_items .btn_recruit {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  border-radius: 50px;
  border: solid 1px #fff;
  position: relative;
  cursor: pointer;
}
.page_recruit .wrapper.recruit_pic_01_bg{
      position: relative; /* 追加 */
  width: 100%;
height: 500px;
    overflow: hidden;
}
.page_recruit .wrapper.recruit_pic_01_bg .recruit_pic_01{
  position: absolute; /* 変更 */
  top: 0%;
  left: 0;
  width: 100%;
  height: 200%; /* コンテナより縦長にして移動余地を作る */
  background-image: url(../img_recruit/recruit_pic_01.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  will-change: transform;        /* GPUレイヤー化のヒント */
  transform: translate3d(0, 0, 0);
  z-index: 1;
}
/* アクセシビリティ：モーション低減設定への配慮 */
@media (prefers-reduced-motion: reduce) {
.page_recruit .wrapper.recruit_pic_01_bg .recruit_pic_01 {
    transform: none !important;
  }
}
.page_recruit .wrapper .btn_to_history{
display: flex;
  justify-content: center;
  align-items: center;
  width: 1200px;
  height: 120px;
  background-color: #c9bc9c;
  margin-top:183px;
  margin-left:auto;
  margin-right:auto;
  }
.page_recruit .wrapper .btn_to_history .btn_ttl_kiwamiya_history{
width: 481px;
    padding-top: 10px;
    }

.page_recruit .wrapper .bnr_recruit_items.under {
  padding-top: 165px;
  padding-bottom: 0;
}
.page_recruit .intro_recruit_bg .intro_recruit.all_recruit_info {
  padding-top: 122px;
  padding-bottom: 100px;
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .employment_items.all_recruit_info {
  width: 600px;
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .btn_recruit.employment_item.all_recruit_info {
  width: 600px;
  background-color: #fff;
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .employment_items.all_recruit_info
  .btn_recruit
  .employment_con {
  font-size: 3.5rem;
  letter-spacing: 0.1em;
  line-height: 1;
  color: #000;
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .employment_items.all_recruit_info
  .btn_recruit:hover {
  background-color: #000;

  border: solid 1px #c9bc9c;
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .employment_items.all_recruit_info
  .btn_recruit:hover
  .employment_con {
  color: #c9bc9c;
}
.page_recruit
  .intro_recruit_bg
  .intro_recruit
  .employment_items.all_recruit_info
  .btn_recruit:hover
  .btn_recruit_arrow
  img {
  opacity: 1;
  filter: invert(100%) sepia(100%) saturate(7481%) hue-rotate(25deg)
    brightness(101%) contrast(107%);
}

/* END page_recruit */


/* START History */
.page_history .wrapper.history {
  background-color: #c9bc9c;
  background-image: url(../img_recruit/history_bg_moji.png);
  background-position: top right;
  background-size: 55%;
  background-repeat: no-repeat;
  padding-bottom: 70px;
  margin-top:135px;
}
.ttl_kiwamiya_box.history {
  padding-top: 170px;
  padding-bottom: 110px;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  justify-content: start;
}
.ttl_kiwamiya_box.history .ttl_kiwamiya_no {
  color: #000;
  align-items: center;
  font-weight: bold;
  margin-left: 40px;
}

.page_history .wrapper.history .history_block {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;

  position: relative;
}
/* .page_recruit .wrapper.history .history_block::before {
  content: "";
  position: absolute;
  display: block;
  width: 3px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  top: -5px;
  left: calc(160px + 195px + 42px);
} */

/* .page_recruit .wrapper.history .sidebar {
  position: sticky;
  top: 170px;
  margin-left: -90px;
  width: 100px;
  height: 0;
}

.page_recruit .wrapper.history .sidebar-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.page_recruit .wrapper.history .sidebar-nav li {
  margin-bottom: 18px;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.1em;
}

.page_recruit .wrapper.history .sidebar-nav a {
  display: block;
  padding: 0 0 2px 5px;
  color: rgba(0, 0, 0, 0.5);
  border-bottom: 1px solid transparent;
  transition: all 0.5s ease;
}

.page_recruit .wrapper.history .sidebar-nav a:hover {
  color: rgba(0, 0, 0, 1);
  border-bottom: 1px solid #cf000e;
  opacity: 1;
}

.page_recruit .wrapper.history .sidebar-nav a.active {
  color: rgba(0, 0, 0, 1);
  color: rgba(0, 0, 0, 1);
  border-bottom: 1px solid #cf000e;
} */
.page_history .wrapper.history .history_block .history_items {
  display: flex;
  justify-content: space-between;
  padding-bottom: 48px;
}

.page_history .wrapper.history .history_block .history_items .history_item_l {
  /* width: calc(160px + 195px);
  padding-left: 170px; */
  width: 340px;
  padding-left: 40px;
  padding-top: 20px;
}
.page_history
  .wrapper.history
  .history_block
  .history_items
  .history_item_l
  .ttl_year {
  width: 188px;
}
.page_history .wrapper.history .history_block .history_items .history_item_r {
  /* width: calc(100% - (160px + 195px + 100px)); */
  width: calc(100% - 340px);
  padding-left: 115px;
  padding-top: 20px;
  border-left: solid 3px rgba(255, 255, 255, 0.3);
}
.page_history
  .wrapper.history
  .history_block
  .history_items
  .history_item_r
  > ul {
  list-style-type: none;
  margin-bottom: 45px;
}
.page_history
  .wrapper.history
  .history_block
  .history_items
  .history_item_r
  > ul.mb_80px {
  margin-bottom: 80px;
}
.page_history
  .wrapper.history
  .history_block
  .history_items
  .history_item_r
  > ul
  > li {
  padding-left: 30px;
  position: relative;
  margin-bottom: 20px;
  font-size: 2.2rem;
  line-height: 1.59;
}
.page_history
  .wrapper.history
  .history_block
  .history_items
  .history_item_r
  > ul
  > li::before {
  content: "";
  display: block;
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #000;
  border-radius: 12px;
}
.page_history
  .wrapper.history
  .history_block
  .history_items
  .history_item_r
  .pic_single {
  width: 250px;
  margin-bottom: 20px;
}

.page_history
  .wrapper.history
  .history_block
  .history_items
  .history_item_r
  .pic_two {
  display: flex;
  justify-content: space-between;
  width: calc(250px + 30px + 250px);
  flex-wrap: wrap;
}
.page_history
  .wrapper.history
  .history_block
  .history_items
  .history_item_r
  .pic_two.mb_25px {
  margin-bottom: 25px;
}
.page_history
  .wrapper.history
  .history_block
  .history_items
  .history_item_r
  .pic_two
  .pic_2010 {
  width: 250px;
  margin-bottom: 20px;
}
.page_history
  .wrapper.history
  .history_block
  .history_items
  .history_item_r
  .pic_two
  .pic_2010
  .caption {
  padding-top: 15px;
  padding-bottom: 5px;
  font-size: calc(2.2rem * 0.8);
  line-height: 1;
  text-wrap-mode: nowrap;
}
.page_history .wrapper.history .history_block .history_line {
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.3);
  margin-bottom: 48px;
}
.page_history .wrapper.history .history_block .history_items.pb_50px {
  padding-bottom: 50px;
}
/* END History */


/* page_shop_list */
.page_shop_list .shop_list_header_bg {
  padding-top: 150px;
}
.page_shop_list .shop_list_header_bg .shop_list_header {
  padding-top: 215px;
  color: #fff;
}
.page_shop_list .shop_list_header_bg .shop_list_header .ttl_tenpo {
  width: 149px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 118px;
}
.page_shop_list .shop_list_header_bg .shop_list_header .about_mark_halal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 290px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 122px;
}
.page_shop_list
  .shop_list_header_bg
  .shop_list_header
  .about_mark_halal
  .mark_halal_s {
  width: 33px;
}
.page_shop_list
  .shop_list_header_bg
  .shop_list_header
  .about_mark_halal
  .mark_halal_con {
  font-size: 1.6rem;
}
.page_shop_list .ttl_erea {
  width: 100%;
  height: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-top: solid 2px #c9bc9c;
  border-bottom: solid 2px #c9bc9c;
  margin-top: 186px;
}
.page_shop_list .anker_pos.kyusyu_erea::before {
  /* 他ページからの＃アンカーリンクで飛んできたときヘッダー分市を下げるため */
  content: "";
  display: block;
  /* 調整したい高さ（固定ヘッダーの高さ） */
  height: 150px;
  /* heightと同じ分のネガティブマージン */
  margin-top: -150px;
  visibility: hidden;
}

.page_shop_list .ttl_erea .erea_name {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page_shop_list .ttl_erea .erea_name .state {
  font-size: 3.8rem;
  margin-right: 50px;
}
.page_shop_list .ttl_erea .erea_name .prefecture {
  font-size: 2.5rem;
}
.page_shop_list .shop_list_ttl_yakiniku {
  width: 167px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 84px;
}
.page_shop_list .shop_list_block {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}
.page_shop_list .shop_list_block.ajust_mt_shop_fujisaki {
  margin-top: 95px;
}
.page_shop_list .shop_list_block.ajust_mt_shop_fujisaki:before {
  /* 他ページからの＃アンカーリンクで飛んできたときヘッダー分市を下げるため */
  content: "";
  display: block;
  height: 150px; /* 調整したい高さ（固定ヘッダーの高さ） */
  margin-top: -150px; /* heightと同じ分のネガティブマージン */
  visibility: hidden;
}

.page_shop_list .shop_list_block .shop_list_items {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.page_shop_list .shop_list_block .shop_list_items .shop_pic {
  width: 480px;
}
.page_shop_list .shop_list_block .shop_list_items .shop_pic .shop_pic_rel {
  width: 100%;
  position: relative;
  height: 0;
}
.page_shop_list
  .shop_list_block
  .shop_list_items
  .shop_pic
  .shop_pic_rel
  .mark_halal_m {
  position: absolute;
  width: 125px;
  top: -13px;
  right: -15px;
  z-index: 2;
}
.page_shop_list .shop_list_block .shop_list_items .shop_con {
  width: 442px;
  color: #fff;
}
.page_shop_list .shop_list_block .shop_list_items .shop_con .shop_name {
  font-size: 2.8rem;
  line-height: 1;
  margin-bottom: 30px;
}
.page_shop_list .shop_list_block .shop_list_items .shop_con dl.address {
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
}
.page_shop_list .shop_list_block .shop_list_items .shop_con dl.address.mb_22px {
  margin-bottom: 14px;
}
.page_shop_list .shop_list_block .shop_list_items .shop_con dl.address.mb_30px {
  margin-bottom: 22px;
}
.page_shop_list .shop_list_block .shop_list_items .shop_con dl.address dt {
  width: 145px;
  font-size: 1.6rem;
  line-height: 1.75;
  text-indent: -0.5em;
    text-wrap-mode: nowrap;
}
.page_shop_list
  .shop_list_block
  .shop_list_items
  .shop_con
  dl.address
  dt.heijitsu {
  text-indent: 0;
}
.page_shop_list
  .shop_list_block
  .shop_list_items
  .shop_con
  dl.address
  dt.heijitsu.no_wrap {
  text-wrap-mode: nowrap;
}

.page_shop_list .shop_list_block .shop_list_items .shop_con dl.address dd {
  width: calc(100% - 145px);
  font-size: 1.6rem;
  line-height: 1.75;
  text-wrap-mode: nowrap;
}
.page_shop_list
  .shop_list_block
  .shop_list_items
  .shop_con
  dl.address
  dd
  .sumibi {
  padding: 3px 8px;
  border-radius: 5px;
  background-color: #fff;
  font-size: 1.4rem;
  color: #000;
  margin-right: 8px;
}
.page_shop_list
  .shop_list_block
  .shop_list_items
  .shop_con
  dl.address
  dd
  .sumibi.off {
  opacity: 0.3;
}
.page_shop_list .shop_list_block .shop_list_items .shop_con .shop_info_block .grilled_way_items{
  display:flex;
  justify-content:space-between;

}
.page_shop_list .shop_list_block .shop_list_items .shop_con .shop_info_block .grilled_way_items .grilled_way_item{
  width:200px;
}
.page_shop_list .shop_list_block .shop_list_items .shop_con .shop_info_block .grilled_way_items .grilled_way_item dl.address{
  display:block;
}
.page_shop_list .shop_list_block .shop_list_items .shop_con .shop_info_block .grilled_way_items .grilled_way_item dl.address > dd{
  margin-bottom:5px;
}
.page_shop_list .shop_list_block .shop_list_items .shop_con .shop_info_block .grilled_way_items .grilled_way_item dl.address .grilled_way_pic{
      width: 200px;
    height: 108px;
    overflow: hidden;
  margin-top:8px;
}

.page_shop_list .shop_list_block .shop_list_btn_items {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content:center;
  margin-top: 65px;
}
.page_shop_list .shop_list_block .shop_list_btn_items.item_2 {
  /* width: 650px; */
  width: unset;
}
.page_shop_list .shop_list_block .shop_list_btn_items .reserve_btn {
  width: 300px;
  height: 44px;
  border-radius: 22px;
  border: solid 2px #c9bc9c;
  color: #c9bc9c;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right:50px;
  font-size: 2rem;
  background-color: #000;
  transition: 0.7s;
}
.page_shop_list .shop_list_block .shop_list_btn_items .reserve_btn:last-child{
  margin-right:0;
}

.page_shop_list .shop_list_block .shop_list_btn_items .reserve_btn:hover {
  opacity: 1;
  background-color: #c9bc9c;
  color: #000;
  transition: 0.7s;
}
.page_shop_list .shop_list_block .shop_list_btn_items .reserve_btn.on {
  background-color: #c9bc9c;
  color: #000;
}
.page_shop_list .shop_list_block .shop_list_btn_items .reserve_btn.on:hover {
  background-color: #000;
  color: #c9bc9c;
}
.page_shop_list .shop_list_block .takeout_line {
  margin-top: 64px;
  /* width: 432px; */
  /* margin-left: auto;
  margin-right: auto; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_shop_list .shop_list_block .takeout_line .icon_de {
  display: block;
  width: 61px;
  margin-right: 33px;
}
.page_shop_list .shop_list_block .takeout_line .icon_uber {
  display: block;
  width: 63px;
  margin-right: 37px;
}
.page_shop_list .shop_list_block .takeout_line .take_out_con {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2rem;
  color: #fff;
  line-height: 1;
  background-color: #000;
  border: none;
}
.page_shop_list .shop_list_block .takeout_line .take_out_con .icon_to_menu {
  width: 22px;
  display: block;
  margin-left: 6px;
  padding-top: 2px;
}
.page_shop_list .shop_list_block .shop_list_attention {
  font-size: 1.3rem;
  text-align: center;
  margin-top: 38px;
  color: #fff;
  text-wrap-mode: nowrap;
}
.page_shop_list .shop_list_line {
  margin-top: 90px;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  background: #fff;
}
.page_shop_list .shop_list_line:last-of-type {
  /* background:#000; */
}

.page_shop_list .shop_list_ttl_hamburg {
  width: 325px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 84px;
}
.page_shop_list .shop_list_ttl_motsu {
  width: 224px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 84px;
}
.page_shop_list .shop_list_ttl_direct_shop {
  width: 233px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 84px;
}

.page_shop_list .shop_list_block.ajust_mb_shop_hiratsuka {
  margin-bottom: 150px;
}

/* END page_shop_list */

/* menu modal window */

#modal-overlay {
  display: none;
  background: rgba(147, 137, 127, 0.66);
  /* mix-blend-mode: multiply; */
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  opacity: 0; /* Initially transparent */
  transition: opacity 0.3s ease-in-out;
}
.modal-style {
  /* display: none; */
  background: white;
  /* width: 1000px; */
  width: 50%;
  /* padding: 68px 85px 100px 85px; */
  padding: 80px 45px 50px 45px;
  border-radius: 50px;
  /* height: auto; */
  /* min-height: 600px; */
  height: 90vh;
  /* height:90vh; */
  position: fixed;
  top: 50%;
  left: 50%;
  top: -1000px;
  transform: translate(-50%, -50%);
  z-index: 10001;
  opacity: 0; /* Initially transparent */
  transition: opacity 0.5s ease-in-out;
}
#modal-overlay.open {
  /* Show the overlay */
  display: block;
  /* Make it visible */
  opacity: 1;
}
.modal-style.open {
  /* display: block; */
  top: 50%;
  opacity: 1; /* Make it visible */
}
.modal-style .mordal-close-buttons {
  padding: 0;
  border: none;
  outline: none;
  font: inherit;
  color: inherit;
  background: none;

  position: absolute;
  top: 20px;
  right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 50px;
  height: 50px; */
  width: 40px;
  height: 40px;
  background-color: #c9bc9c;
  border-radius: 25px;
}
.modal-style .mordal-close-buttons:hover {
  cursor: pointer;
}
.modal-style .mordal-close-buttons .close_btn_rel {
  position: relative;
  width: 100%;
  height: 100%;
}
.modal-style .mordal-close-buttons .close_btn_line {
  position: absolute;
  /* top: 50%; */
  left: 45%;
  transform: translateX(-50%);
  width: 15px;
  height: 2px;
  background-color: #fff;
}
.modal-style .mordal-close-buttons .close_btn_line.btn_l {
  rotate: 45deg;
  top: 58%;
}
.modal-style .mordal-close-buttons .close_btn_line.btn_r {
  rotate: -45deg;
  /* top: 37%; */
  top: 33%;
}
.modal-style .slide_box {
  overflow: auto; /* 枠内をスクロール可能に */
  margin: 0 auto;
  height: 100%;
  padding: 10px 40px;
}

.modal-style .news_con_box {
  max-height: 100%;
  overflow-y: scroll;
}
.modal-style .news_con_box .news_con_date {
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 45px;
}
.modal-style .news_con_box .news_con_ttl {
  font-size: 2.5rem;
  margin-bottom: 55px;
}
.modal-style .news_con_box .news_con_content {
  font-size: 1.5rem;
  line-height: 1.67;
  overflow-y: auto;
}
.modal-style .slide_pics .slide_pic > img {
  display: block;
  width: 100%;
  height: auto;
}
.modal-style .google_map {
  height: 100%;
}
/* END menu modal window */

/* modal window slick */
.dots-wrap li {
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #c9bc9c;
  opacity: 0.3;
}
.dots-wrap li.slick-active {
  background: #c9bc9c;
  opacity: 1;
}
.slick-prev:before,
.slick-next:before {
  color: #c9bc9c; /*黒にする*/
  opacity: 1; /*デフォルトは.75が指定されている*/
}
/* END modal window slick */

/* page_reserv_shop */
.page_reserve_shop .reserve_shop_header_bg {
  padding-top: 150px;
}
.page_reserve_shop .reserve_shop_header_bg .reserve_shop_header {
  width: 100%;
  position: relative;
  padding-top: calc(700px - 150px);
}
.page_reserve_shop .reserve_shop_header_bg .reserve_shop_header .ttl_goyoyaku {
  width: 105px;
  position: absolute;
  top: calc(389px - 150px);
  left: 50%;
  transform: translateX(-50%);
}
.page_reserve_shop .wrapper_inner.reserve_shop {
  width: 1000px;
}
.page_reserve_shop .wrapper_inner.reserve_shop .shop_block {
  border-top: solid 1px #fff;
  padding-top: 98px;
  margin-bottom: 110px;
}
.page_reserve_shop .wrapper_inner.reserve_shop .shop_block .ttl_shop_name {
  font-size: 2.8rem;
  line-height: 1;
  color: #fff;
  text-align: center;
  margin-bottom: 80px;
}
.page_reserve_shop .wrapper_inner.reserve_shop .shop_block .shop_items {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.page_reserve_shop
  .wrapper_inner.reserve_shop
  .shop_block
  .shop_items
  .shop_pic {
  width: 480px;
}
.page_reserve_shop
  .wrapper_inner.reserve_shop
  .shop_block
  .shop_items
  .shop_pic
  .mark_halal_rel {
  position: relative;
  heigh: 0;
  width: 100%;
}
.page_reserve_shop
  .wrapper_inner.reserve_shop
  .shop_block
  .shop_items
  .shop_pic
  .mark_halal_rel
  .mark_halal {
  position: absolute;
  width: 125px;
  top: -15px;
  right: -20px;
}
.page_reserve_shop
  .wrapper_inner.reserve_shop
  .shop_block
  .shop_items
  .shop_btns {
  width: 440px;
  padding-right: 40px;
}
.page_reserve_shop
  .wrapper_inner.reserve_shop
  .shop_block
  .shop_items
  .shop_btns
  .shop_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 70px;
  border-radius: 35px;
  background-color: #c9bc9c;
  color: #000;
  margin-bottom: 25px;
}
.page_reserve_shop
  .wrapper_inner.reserve_shop
  .shop_block
  .shop_items
  .shop_btns
  .shop_btn.tel {
  font-size: 3.2rem;
  letter-spacing: 0.1em;
}
.page_reserve_shop
  .wrapper_inner.reserve_shop
  .shop_block
  .shop_items
  .shop_btns
  .shop_btn.web {
  font-size: 2.5rem;
  letter-spacing: 0.2em;
}
.page_reserve_shop
  .wrapper_inner.reserve_shop
  .shop_block
  .shop_items
  .shop_btns
  .gochumon_ha {
  margin-top: 78px;
  margin-bottom: 32px;
  color: #c9bc9c;
  font-size: 2rem;
  text-align: center;
}
.page_reserve_shop
  .wrapper_inner.reserve_shop
  .shop_block
  .shop_items
  .shop_btns
  .del_items {
  width: 100%;
  display: flex;
  justify-content: center;
}
.page_reserve_shop
  .wrapper_inner.reserve_shop
  .shop_block
  .shop_items
  .shop_btns
  .del_items
  .del_item {
  display: block;
  width: 63px;
  height: 54px;
  overflow: hidden;
  margin-right: 34px;
}
.page_reserve_shop
  .wrapper_inner.reserve_shop
  .shop_block
  .shop_items
  .shop_btns
  .del_items
  .del_item:last-child {
  margin-right: 0;
}
.page_reserve_shop .wrapper_inner.reserve_shop .bottom_under_line {
  width: 100%;
  border-top: solid 1px #fff;
  height: 0;
  margin-bottom: 242px;
}
/* END page_reserve_shop */

/* page_about */
.page_about .about_header_bg {
  padding-top: 150px;
}
.page_about .about_header_bg .about_header {
  width: 100%;
  position: relative;
  padding-top: calc(700px - 150px);
}
.page_about .about_header_bg .about_header .ttl_about {
  width: 264px;
  position: absolute;
  top: calc(389px - 150px);
  left: 50%;
  transform: translateX(-50%);
}
.page_about .youtube_thumb {
  width: 1200px;
  height: 675px;
  overflow: hidden;
  margin-bottom: 70px;
}
.page_about .secret_rel {
  position: relative;
  width: 100%;
  height: 800px;
  margin-bottom: 80px;
  overflow: hidden;
}
.page_about .secret_rel .secret_bg {
  position: absolute;
  width: 860px;
  top: 200px;
  left: 204px;
}
.page_about .secret_rel .ttl_secret {
  position: absolute;
  width: 442px;
  top: 126px;
  left: 50%;
  transform: translateX(-50%);
}
.page_about .secret_rel .secret_copy {
  position: absolute;
  width: 390px;
  top: 662px;
  left: 50%;
  transform: translateX(-50%);
}
.page_about .wrapper.selling_point {
  width: 100%;
  height: 410px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 60px;
}
.page_about .wrapper.selling_point.wagyu_pic_01 {
  background-image: url(../img_about/wagyu_pic_01.png);
}
.page_about .wrapper.selling_point .selling_point_box {
  width: 550px;
  height: 410px;
  background-color: #000;
  margin-left: auto;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page_about .selling_point_box .selling_point_upper {
  display: flex;
  justify-content: space-between;
}
.page_about .selling_point_box .selling_point_upper .upper_l {
  width: 300px;
  font-size: 1.7rem;
  line-height: 1.76;
  text-align: justify;
  color: #fff;
}
.page_about .selling_point_box .selling_point_upper .upper_r {
  width: 118px;
}
.page_about .selling_point_box .selling_point_downer {
  display: flex;
  justify-content: space-between;
}
.page_about .selling_point_box .selling_point_downer .pic_s {
  width: 225px;
  height: 140px;
  overflow: hidden;
}
.page_about .wrapper.selling_point.okome_pic_01 {
  background-image: url(../img_about/okome_pic_01.png);
}
.page_about .wrapper.selling_point.ago_pic_01 {
  background-image: url(../img_about/ago_pic_01.png);
}
.page_about .anshin_anzen_block {
  padding-top: 78px;
}
.page_about .anshin_anzen_block .kodawatta_copy {
  font-size: 3.2rem;
  line-height: 2.2;
  color: #fff;
  text-align: center;
  margin-bottom: 160px;
}
.page_about .anshin_anzen_block .kodawatta_copy > span {
  padding-bottom: 0;
  /* border-bottom: solid 1px #fff; */
}
.page_about .anshin_anzen_block .anshin_anzen_box {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 230px;
  background-color: #fff;
}
.page_about .anshin_anzen_block .anshin_anzen_box .anshin_pic_01 {
  width: 900px;
  height: 500px;
  overflow: hidden;
}
.page_about .anshin_anzen_block .anshin_anzen_box .anshin_box_downer {
  padding-top: 60px;
  padding-bottom: 45px;
}
.page_about
  .anshin_anzen_block
  .anshin_anzen_box
  .anshin_box_downer
  .anshin_ttl {
  width: 562px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
}
.page_about
  .anshin_anzen_block
  .anshin_anzen_box
  .anshin_box_downer
  .anshin_copy {
  width: 562px;
  font-size: 1.7rem;
  line-height: 1.65;
  text-align: justify;
  color: #231815;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
}

.page_about
  .anshin_anzen_block
  .anshin_anzen_box
  .anshin_box_downer
  .btn_kuwashikuha {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 217px;
  padding-left: 25px;
  padding-right: 25px;
  height: 45px;
  border: solid 1px var(--color-black);
  border-radius: 25px;
  position: relative;
  overflow: hidden;
  transition: 0.25s;
}
.page_about
  .anshin_anzen_block
  .anshin_anzen_box
  .anshin_box_downer
  .btn_kuwashikuha:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  transform: translateX(-100%);
  transition: 0.25s;
  z-index: -1;
}
.page_about
  .anshin_anzen_block
  .anshin_anzen_box
  .anshin_box_downer
  .btn_kuwashikuha:hover {
  color: #fff;
  background: none;
  opacity: 0.99;
}
.page_about
  .anshin_anzen_block
  .anshin_anzen_box
  .anshin_box_downer
  .btn_kuwashikuha:hover:before {
  transform: translateX(0);
}

.page_about
  .anshin_anzen_block
  .anshin_anzen_box
  .anshin_box_downer
  .btn_kuwashikuha
  .kuwashikuha_moji {
  font-size: 1.7rem;
  line-height: 1;
}
.page_about
  .anshin_anzen_block
  .anshin_anzen_box
  .anshin_box_downer
  .btn_kuwashikuha
  .kuwashikuha_arrow {
  width: 32px;
  /* svgの色変換はfilter 下記は#fff */
  /* filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(242deg) brightness(119%) contrast(100%); */
}
.page_about
  .anshin_anzen_block
  .anshin_anzen_box
  .anshin_box_downer
  .btn_kuwashikuha:hover
  .kuwashikuha_arrow {
  /* svgの色変換はfilter 下記は#fff */
  filter: invert(99%) sepia(0%) saturate(2%) hue-rotate(242deg) brightness(119%)
    contrast(100%);
}
.page_about .mondo_block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 114px;
}
.page_about .mondo_block .mondo_l {
  width: 550px;
}
.page_about .mondo_block .mondo_l .ttl_mondo {
  width: 100%;
  height: 90px;
  border-top: solid 1px #c9bc9c;
  border-bottom: solid 1px #c9bc9c;
  display: flex;
  justify-content: start;
  align-items: center;
  color: #fff;
  font-size: 4rem;
  letter-spacing: 0.2em;
  margin-bottom: 48px;
}
.page_about .mondo_block .mondo_l .mondo_copy {
  font-size: 1.7rem;
  line-height: 1.76;
  color: #fff;
  margin-bottom: 56px;
}
.page_about .mondo_block .mondo_l .mondo_pic_items {
  width: 550px;
  display: flex;
  justify-content: space-between;
}
.page_about .mondo_block .mondo_r {
  width: 557px;
}
.page_about .mondo_block .mondo_l .mondo_pic_items .mondo_pic_s {
  width: 270px;
  height: 180px;
  overflow: hidden;
}
.page_about .mondo_block .mondo_r .mondo_pic_03 {
  margin-top: -10px;
}
.page_about .social_block {
  display: flex;
  justify-content: space-between;
  margin-bottom: 305px;
}
.page_about .social_block .social_l {
  width: 665px;
}
.page_about .social_block .social_r {
  width: 460px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page_about .social_block .social_r .ttl_social {
  width: 100%;
  height: 90px;
  border-top: solid 1px #c9bc9c;
  border-bottom: solid 1px #c9bc9c;
  display: flex;
  justify-content: start;
  align-items: center;
  color: #fff;
  font-size: 4rem;
  letter-spacing: 0.2em;
}
.page_about .social_block .social_r .social_copy {
  font-size: 1.5rem;
  line-height: 2;
  color: #fff;
}
.page_about .halal_bg {
  width: 100%;
  height: 931px;
  position: relative;
}
.page_about .halal_bg .halal_bg_pic {
  position: absolute;
  width: 1920px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.page_about .halal_bg .halal {
  position: absolute;
  width: 1200px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.page_about .halal_bg .halal .mark_halal {
  width: 225px;
  margin-top: 165px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 92px;
}
.page_about .halal_bg .halal h3.halal_support {
  font-size: 4rem;
  letter-spacing: 0.2em;
  text-align: center;
  margin-bottom: 53px;
  color: #fff;
}
.page_about .halal_bg .halal .halal_support_chu {
  font-size: 1.5rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 55px;
  color: #fff;
}
.page_about .halal_bg .halal .btn_more_halal {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  height: 80px;
  border-radius: 40px;
  border: solid 1px #205e32;
  background: #205e32;
  color: #fff;
}
.page_about .halal_bg .halal .btn_more_halal > div {
  font-size: 2.5rem;
  letter-spacing: 0.1em;
}
.page_about .halal_bg .halal .btn_more_halal:hover {
  opacity: 1;
  background: #fff;
  color: #205e32;
}
/* END page_about */

/* page_news */
.page_news .news_header_bg {
  padding-top: 150px;
}
.page_news .news_header_bg .news_header {
  width: 100%;
  position: relative;
  padding-top: calc(620px - 150px);
}
.page_news .news_header_bg .news_header.detail_page {
  width: 100%;
  position: relative;
  padding-top: calc(650px - 150px);
}
.page_news .news_header_bg .news_header .ttl_news {
  width: 149px;
  position: absolute;
  top: calc(389px - 150px);
  left: 50%;
  transform: translateX(-50%);
}
.page_news .category_block {
  width: 100%;
  margin-bottom: 80px;
  color: #c9bc9c;
}
.page_news .category_block .ttl_category {
  font-size: 2.2rem;
  margin-bottom: 28px;
}
.page_news .category_block .category_item {
  display: inline-block;
  font-size: 1.5rem;
  line-height: 1;
  padding: 6px 18px;
  border: solid 1px #c9bc9c;
  border-radius: 18px;
  margin-right: 8px;
  margin-bottom: 18px;
  color: #c9bc9c;
}
.page_news .category_block .category_item:hover {
  background-color: #c9bc9c;
  color: #000;
  opacity: 1;
}
.page_news .category_block .category_item.current {
  background-color: #c9bc9c;
  color: #000;
}
.page_news .news_items {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 46px;
}
.page_news .news_items::after {
  content: "";
  display: block;
  width: 350px;
}
.page_news .news_items .news_item {
  width: 350px;
  margin-bottom: 82px;
}
.page_news .news_items .news_item .news_thumb {
  width: 350px;
  height: 240px;
  overflow: hidden;
  background-color: #c9bc9c;
  margin-bottom: 28px;
}
.page_news .news_items .news_item .news_date {
  font-size: 1.5rem;
  color: #fff;
  margin-bottom: 16px;
}
.page_news .news_items .news_item .news_title {
  font-size: 2rem;
  color: #fff;
  margin-bottom: 20px;
}
.page_news .news_items .news_item .news_con {
  font-size: 1.7rem;
  color: #fff;
  text-align: justify;
}

.page_news .pagination_block {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 190px;
}
.page_news .pagination_block .pagination_items {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page_news .pagination_block .pagination_items .page_num {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #c9bc9c;
  margin-right: 10px;
  font-size: 1.5rem;
  line-height: 1;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  border: solid 1px #c9bc9c;
}
.page_news .pagination_block .pagination_items .page_num.current {
  color: #000;
  background-color: #c9bc9c;
  height: 40px;
  width: 40px;
  border-radius: 20px;
}
.page_news .pagination_block .pagination_items .arrow {
  width: 27px;
  font-size: 2.5rem;
  color: #c9bc9c;
}
.page_news .pagination_block .pagination_items .arrow.arrow_l {
  margin-right: 28px;
}
.page_news .pagination_block .pagination_items .arrow.arrow_r {
  margin-left: calc(28px - 10px);
}
/* pagination */
.wp-pagenavi {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wp-pagenavi span {
  margin-right: 10px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-bottom: 2px !important;
}

.wp-pagenavi {
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 2.5;
  margin-left: 20px;
}
.wp-pagenavi a {
  display: inline-block;
  width: 40px;
  text-align: center;
  margin-right: 12px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-left: 2px !important;
  padding-right: 2px !important;
  padding-bottom: 2px !important;
  border-radius: 22px;
  border: solid 1px #c9bc9c !important;
  color: #c9bc9c;
}
.wp-pagenavi a:hover {
  background: #c9bc9c;
  color: #000;
}
.wp-pagenavi .extend {
  display: inline-block;
  margin-right: 13px;
  /* margin-left: 13px; */
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  border-radius: 22px;
  background: none;
  position: relative;
  top: -4px;
  color: #c9bc9c;
}
.wp-pagenavi .current {
  display: inline-block;
  width: 40px;
  text-align: center;
  margin-right: 23px;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  border-radius: 22px;
  background: #c9bc9c;
  color: #000;
}
.wp-pagenavi span.current {
  font-weight: normal !important;
}
.wp-pagenavi .previouspostslink {
  font-size: 2.5rem;
  line-height: 1;
  border: unset !important;
  margin-right: 18px !important;
}
.wp-pagenavi .nextpostslink {
  font-size: 2.5rem;
  line-height: 1;
  border: unset !important;
  margin-left: 10px !important;
}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
  color: #c9bc9c;
  background-color: #000;
  opacity: 1;
}
/* END pagination */

.page_news .news_detail_block {
  padding-top: 125px;
  padding-bottom: 125px;
  padding-left: 185px;
  padding-right: 185px;
  background-color: #282828;
  color: #fff;
  margin-bottom: 74px;
}
.page_news .news_detail_block .news_date {
  font-size: 1.5rem;
  margin-bottom: 48px;
}
.page_news .news_detail_block .news_title {
  font-size: 2.5rem;
  margin-bottom: 56px;
}
.page_news .news_detail_block .news_content {
  font-size: 1.5rem;
  line-height: 1.67;
}

.page_news .navi_items {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 180px;
}
.page_news .navi_items a {
  font-size: 1.5rem;
  color: #c9bc9c;
}
.page_news .navi_items .navi_item {
  /* width: 160px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  border-radius: 30px; */
  font-size: 1.5rem;
  color: #c9bc9c;
}
.page_news .navi_items .lists_page {
  line-height: 44px;
}
.page_news .navi_items .to_arrow {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page_news .navi_items .to_arrow .arrow {
  /* width: 10px; */
  font-size: 2.5rem;
  padding-top: 2px;
}
.page_news .navi_items .to_arrow .arrow.arrow_l {
  margin-right: 12px;
}
.page_news .navi_items .to_arrow .arrow.arrow_r {
  margin-left: 12px;
}
/* END page_news */

/* page_contact */
.page_contact .contact_header_bg {
  padding-top: 150px;
}
.page_contact .contact_header_bg .contact_header {
  width: 100%;
  position: relative;
  padding-top: calc(620px - 150px);
}
.page_contact .contact_header_bg .contact_header.detail_page {
  width: 100%;
  position: relative;
  padding-top: calc(650px - 150px);
}
.page_contact .contact_header_bg .contact_header .ttl_contact {
  width: 222px;
  position: absolute;
  top: calc(389px - 150px);
  left: 50%;
  transform: translateX(-50%);
}
.page_contact .inner_con.contact {
  width: 840px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 236px;
  color: #fff;
}
.page_contact .inner_con.contact .otoiawase_con {
  font-size: 1.5rem;
  line-height: 1.87;
  text-align: center;
  margin-bottom: 128px;
}
.page_contact .inner_con.contact .form_item_name {
  font-size: 1.6rem;
  color: #fff;
  margin-bottom: 20px;
}
.page_contact .inner_con.contact .form_items {
  width: 100%;
  margin-bottom: 70px;
}
.page_contact .inner_con.contact .form_items.col_2 {
  display: flex;
  justify-content: space-between;
}
.page_contact .inner_con.contact .form_items .form_item {
  width: 400px;
  height: 70px;
}
.page_contact .inner_con.contact .form_items .form_item > p {
  width: inherit;
  height: inherit;
}
.page_contact .inner_con.contact .form_items .form_item.w_100 {
  width: 100%;
}
.page_contact .inner_con.contact .form_items .form_item input {
  width: 100%;
  height: 100%;
  border: solid 1px #c9bc9c;
  padding: 0 20px;
  font-size: 1.8rem;
  background-color: #000;
  color: #c9bc9c;
}
.page_contact .inner_con.contact .form_items .form_item input::placeholder {
  opacity: 0.5;
}
.page_contact .inner_con.contact .form_items.textarea {
  /* min-height: 300px; */
  height: 300px;
  margin-bottom: 88px;
}
.page_contact .inner_con.contact .form_items .form_item textarea {
  width: 100%;
  height: 20em;
  line-height: 1.5em;
  border: solid 1px #c9bc9c;
  padding: 20px;
  font-size: 1.8rem;
  background-color: #000;
  color: #c9bc9c;
}
.wpcf7-not-valid-tip {
  font-size: 1.6rem !important;
  margin-top: 4px;
}
.wpcf7 form .wpcf7-response-output {
  font-size: 1.6rem !important;
}
.page_contact .inner_con.contact .attention {
  width: 100%;
  font-size: 1.2rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 30px;
}
.page_contact .inner_con.contact .attention > p > a {
  color: #fff;
}
.page_contact .inner_con.contact .agree_attention {
  font-size: 1.2rem;
  text-align: center;
}
.page_contact .inner_con.contact .btn_to_confirm {
  width: 550px;
  padding-top: 98px;
  margin-left: auto;
  margin-right: auto;
}
.page_contact .inner_con.contact .btn_to_confirm .btn_confirm {
  width: 100%;
  height: 60px;
  border-radius: 30px;
  background-color: #c9bc9c;
  color: #000;
  font-size: 2.5rem;
  letter-spacing: 0.2rem;
  border: unset;
  transition: 0.7s;
}
.page_contact .inner_con.contact .btn_to_confirm .btn_confirm[disabled] {
  background-color: #c9bc9c;
  opacity: 0.4;
  cursor: not-allowed; /* クリック不可のカーソルを表示 */
}
.page_contact .inner_con.contact .btn_to_confirm .btn_confirm[disabled]:hover {
  background-color: #c9bc9c;
  color: #000;
  border: unset;
}
.page_contact .inner_con.contact .btn_to_confirm .btn_confirm:hover {
  background-color: #000;
  color: #c9bc9c;
  border: solid 1px #c9bc9c;
}

.page_contact .inner_con.contact_confirm {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 105px;
  padding-bottom: 150px;
  color: #fff;
}
.page_contact .inner_con.contact_confirm .otoiawase_con {
  font-size: 1.5rem;
  line-height: 1.87;
  text-align: center;
  margin-bottom: 60px;
}
.page_contact .inner_con.contact_confirm .form_item_name {
  font-size: 1.4rem;
  margin-bottom: 14px;
}
.page_contact .inner_con.contact_confirm .form_items {
  width: 100%;
  margin-bottom: 30px;
}
.page_contact .inner_con.contact_confirm .form_items.col_2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page_contact .inner_con.contact_confirm .form_items .form_item {
  width: 100%;
  height: 30px;
}
.page_contact .inner_con.contact_confirm .form_items .form_item > p {
  font-size: 1.5rem;
  line-height: 1.87;
  color: #c9bc9c;
}
.page_contact .inner_con.contact_confirm .btn_confirm_items {
  display: flex;
  justify-content: space-between;
}
.page_contact .inner_con.contact_confirm .btn_to_confirm {
  width: 200px;
  padding-top: 72px;
}
.page_contact .inner_con.contact_confirm .btn_to_confirm .btn_confirm {
  width: 100%;
  height: 60px;
  border-radius: 40px;
  background-color: #c9bc9c;
  color: #000;
  font-size: 2rem;
  letter-spacing: 0.2rem;
  border: unset;
  transition: 0.7s;
}
.page_contact .inner_con.contact_confirm .btn_to_confirm .btn_confirm:hover {
  background-color: #000;
  color: #c9bc9c;
  border: solid 1px #c9bc9c;
}
.page_contact .inner_con.contact_confirm .btn_to_confirm .btn_confirm.back {
  background-color: #000;
  color: #c9bc9c;
  border: solid 1px #c9bc9c;
  transition: 0.7s;
}
.page_contact
  .inner_con.contact_confirm
  .btn_to_confirm
  .btn_confirm.back:hover {
  background-color: #c9bc9c;
  color: #000;
  border: unset;
}
/* END page_contact */
/* page_company */
.page_company .company_header_bg {
  padding-top: 150px;
}
.page_company .company_header_bg .company_header {
  width: 100%;
  position: relative;
  padding-top: calc(694px - 150px);
}
.page_company .company_header_bg .company_header .ttl_company {
  width: 144px;
  position: absolute;
  top: calc(389px - 150px);
  left: 50%;
  transform: translateX(-50%);
}
.page_company .ttl_wahhahha {
  font-size: 3.8rem;
  line-height: 1;
  letter-spacing: 0.2em;
  text-align: center;
  padding-bottom: 58px;
  border-bottom: solid 2px #c9bc9c;
  margin-bottom: calc(78px + 47px);
  color: #fff;
}
.page_company .company_block {
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
}
.page_company .company_block.mb_360px {
  margin-bottom: 360px;
}
.page_company .company_items {
  width: 100%;
  color: #fff;
  display: flex;
  justify-content: space-between;
  padding-bottom: 67px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
  margin-bottom: 78px;
  position: relative;
}
.page_company .company_items::after {
  content: "";
  width: 200px;
  border-top: solid 1px #fff;
  height: 0;
  position: absolute;
  bottom: -1px;
}
.page_company .company_items .title {
  width: 200px;
  font-size: 2rem;
}
.page_company .company_items .con {
  width: calc(100% - 200px);
  padding-left: 123px;
  font-size: 1.7rem;
  line-height: 1.76;
}
.page_company .company_items .con .tenpo_items {
  display: flex;
  justify-content: space-between;
  margin-bottom: 38px;
  font-size: 1.7rem;
  line-height: 1.76;
}
.page_company .company_items .con .tenpo_items .tenpo_type {
  width: 130px;
}
.page_company .company_items .con .tenpo_items .tenpo_name {
  width: calc(100% - 130px);
}
.page_company .company_block.mb_292px {
  margin-bottom: 292px;
}
/* END page_company */

/* page_privacy */
.page_privacy .privacy_header_bg {
  padding-top: 150px;
}
.page_privacy .privacy_header_bg .privacy_header {
  width: 100%;
  position: relative;
  padding-top: calc(620px - 150px);
}
.page_privacy .privacy_header_bg .privacy_header .ttl_privacy {
  width: 371px;
  position: absolute;
  top: calc(389px - 150px);
  left: 50%;
  transform: translateX(-50%);
}
.page_privacy .wrapper_inner.privacy {
  width: 930px;
  color: #fff;
  margin-bottom: 220px;
}
.page_privacy .preamble {
  font-size: 1.5rem;
  line-height: 1.87;
  text-align: justify;
  padding-bottom: 100px;
  border-bottom: solid 1px #fff;
  margin-bottom: 95px;
}
.page_privacy .chapter {
  font-size: 2.2rem;
  color: #c9bc9c;
  margin-bottom: 30px;
}
.page_privacy .main_txt {
  font-size: 1.5rem;
  line-height: 1.87;
  text-align: justify;
  margin-bottom: 86px;
}
.page_privacy .list_block {
  margin-bottom: 86px;
}
.page_privacy .list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  font-size: 1.5rem;
  line-height: 1.87;
  text-align: justify;
}
.page_privacy .list > dt {
  width: 2em;
}
.page_privacy .list > dd {
  width: calc(100% - 2em);
}
.page_privacy .list.mt_24px {
  margin-top: 24px;
}
/* END page_privacy */

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.loading-spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 404 not found */
.thanks_header_bg {
  padding-top: 150px;
}
.thanks_header_bg .thanks_header {
  width: 100%;
  padding-top: 100px;
  color: #fff;
}
.thanks_header_bg .thanks_header .sorry_not_found_ttl {
  font-size: 2.1rem;
  line-height: 2.4;
  text-align: center;
  margin-bottom: 300px;
}
.sorry_not_found_ttl .for_index {
  font-size: 1.8rem;
  line-height: 2.4;
  text-align: center;
  margin-bottom: 50px;
}
.sorry_not_found_ttl .for_index > a {
  color: #fff;
  padding-bottom: 4px;
  border-bottom: solid 1px #fff;
}
/* END 404 not found */

/* Google Translate プラグイン カスタマイズ */
#google_language_translator {
    /* color: transparent;
    height: 0; */
}
/* プルダウンを非表示 */
#google_language_translator select {
  /* display: none !important;
      position: relative!important;
    height: 0!important; */

}
/* Google Translateによる翻訳除外のスタイル強化 */
.notranslate {
  /* 翻訳除外をより確実にするための追加スタイル */
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.goog-te-combo {
    /* display: block !important;
    opacity: 1 !important;
    position: static !important; */
}
#google_language_translator select.goog-te-combo {
    color: transparent!important;
    background: transparent!important;
    opacity:0;
}


/* ==========================================
   ファーストビュー演出調整(2026-07)※SP限定
   ・キャッチ文字: JSを待たずCSSで即アニメ開始
   ・MV背景: Vegas起動と同時に表示(フェード待ちなし)
   ========================================== */
@media (max-width: 768px) {

  /* キャッチ文字(1文字ずつ)を最初からアニメ開始 */
  .main_image_bg .anime-fadein-pic > div > div {
    animation: showTextFadeIn 1s forwards;
  }

  /* MV背景: inview判定+1.5秒待ちをスキップし、Vegas起動したら即表示
     (#mv_bg=ブランドページ、#main_image_pic=トップの両方をカバー) */
  .main_image_bg .js-fadeUp_02 {
    opacity: 1 !important;
    transition: none !important;
  }

}